win xp系统下怎样创建一个文本选择器【图文详细教程】

Windows XP是美国微软公司研发的基于X86、X64架构的PC和平板电脑使用的操作系统,于2001年8月24日发布RTM版本,并于2001年10月25日开始零售 。其名字中“XP”的意思来自英文中的“体验(Experience)” 。该系统是继Windows 2000及Windows ME之后的下一代Windows操作系统,也是微软首个面向消费者且使用Windows NT5.1架构的操作系统 。虽然微软已经不再维护windowsxp系统,但是坚持使用这个系统的朋友仍然不少 。不过,他们在使用过程中也会遇到一些疑问 。比如,一位朋友都想要在windowsxp系统下制作一个文本选择器,可是操作了很久都没有成功 。这该怎么办呢?接下来,就随小编一起看看具体方法吧!
具体如下:

1、打开编译环境(webstorm),在工程文件夹里面新建一个HTML文件 。

win xp系统下怎样创建一个文本选择器【图文详细教程】

文章插图
2、把所需要的包如jquery,bootstrap,angular等引入到HTML文件中 。
win xp系统下怎样创建一个文本选择器【图文详细教程】

文章插图
3、在angular.js文件下方创建一个名为myapp的模块 。
win xp系统下怎样创建一个文本选择器【图文详细教程】

文章插图
4、定义一个控制器,并搭建视图与网页内容之间的通信桥梁 。
win xp系统下怎样创建一个文本选择器【图文详细教程】

文章插图
5、在控制器里面定义一个变量,变量的值为“欢迎来到IT乐园”,在标签里面输出变量的值 。
win xp系统下怎样创建一个文本选择器【图文详细教程】

文章插图
6、运行程序,如果网页中显示的内容与变量的值相等的话,说明:通信桥梁已搭建成功 。
win xp系统下怎样创建一个文本选择器【图文详细教程】

文章插图
7、新建一个div标签,在div标签里面创建一个btn按钮和调用点击事件 。
win xp系统下怎样创建一个文本选择器【图文详细教程】

文章插图
8、为div标签添加样式,边框,并把所有的网页内容居中显示 。
win xp系统下怎样创建一个文本选择器【图文详细教程】

文章插图
9、运行程序 。
win xp系统下怎样创建一个文本选择器【图文详细教程】

文章插图
10、在控制器下方增加点击事件 。
win xp系统下怎样创建一个文本选择器【图文详细教程】

文章插图
11、运行程序,点击按钮,是不是有变化了呢!
win xp系统下怎样创建一个文本选择器【图文详细教程】

文章插图
【win xp系统下怎样创建一个文本选择器【图文详细教程】】windowsxp系统下创建一个文本选择器的方法就为大家介绍到这里了 。感兴趣的朋友们,不妨也动手尝试操作看看!

    推荐阅读