本教程将介绍如何将 JavaScript 合并到您的 Web 文件中，包括内嵌到 HTML 文档中和作为一个单独的文件。...将 JavaScript 添加到 HTML 文档中 您可以通过使用 环绕 JavaScript 代码的专用 HTML 标记在 HTML 文档中添加JavaScript 代码。...在下一节中，我们将讨论如何处理 HTML 文档中的单独 JavaScript 文件。...使用单独的 JavaScript 文件的好处包括： 分离 HTML 标记和 JavaScript 代码，使两者更直接 单独的文件使维护更容易 缓存 JavaScript 文件时，页面加载速度更快 为了演示如何将...我们应该会看到一个类似于以下内容的页面： image.png 现在我们已经将 JavaScript 放在一个文件中，我们可以从其他网页以相同的方式调用它，并在一个位置更新它们
HTML5+CSS3+JavaScript从入门到精通 作者：王征，李晓波 第十五章 JavaScript编程的函数和正则表达式 案例 15-01 函数的定义与调用 函数参数的值传递 <!...; var regex = /like/; var index = myString.search(regex);//返回位置，从0开始计算，未找到匹配模式返回-1；...myArray = new Array(); var s = "JavaScript,C,C++,Java,HTML,CSS"; var regex = /,/;
HTML5+CSS3+JavaScript从入门到精通 17-01 用户登录界面！ <!...：windows的提示对话框 //浏览器提供的forms数组，保存表单对象; 也可通过表单名来调用 //document.form_nam.elements...--添加表单名name和提交表单事件onsubmit--> 用 户 名： 17-07 用户名和密码存储到cookie中 用户名和密码存储到cookie中 <script type="text/<em>javascript</em>
HTML5+CSS3+JavaScript从入门到精通 作者：王征，李晓波 第七章 HTML网页中的布局元素 案例 07-01 网页头部和底部的布局 <!...-- header\footer都是body的子元素 div元素是块级元素，常作为其他html元素的容器；如果与css样式一起使用，可用于对大的内容块设置样式属性 -->
HTML5+CSS3+JavaScript从入门到精通 作者：王征，李晓波 第十三章 JavaScript编程的判断结构 案例 13-01 任意输入两个数，显示两个数的大小关系 13-02 、13-03...DOCTYPE html> 企业奖金发放系统 var gain;...0.15; reward5 = reward4 + 400000 * 0.2;//如果script没有执行预定的结果，可以调用document.write函数来调试，看看哪一句没有执行到，..."); } 13-10 用户登录系统 <!
HTML5+CSS3+JavaScript从入门到精通 作者：王征，李晓波 第十八章 JavaScript的网页特效 案例 18-01 文字的跑马灯效果 <!...", "JavaScript的引用数据类型包括数组、函数和对象等。")...--action表示，表单提交后交给moveit函数处理--> 上部位置:...="text/javascript"> //测试的效果是：只能在form表单范围内移动，就有效果，若在其他地方移动，对话框中的值不变； function MouseMove
HTML5+CSS3+JavaScript从入门到精通 作者：王征，李晓波 第三章 案例 03-01 表格的外框(table) 和 行(tr) 單元格(td) 03-08 窗口的左右設置 <!
HTML5+CSS3+JavaScript从入门到精通 作者：王征，李晓波 第二十章 JavaScript的DOM编程 案例 20-01 HTML文档的节点属性 <!...中，id特性是唯一的，没有两个元素可以共享同一个id，getElementById()方法是从文档树中获取单个元素最快的方法。...-- var beforenote = fatherDocNode.insertBefore(newChild, refChild); 将newChild插入到refChild之前，若refChild...一般情况支持JavaScript的所有浏览器都支持DOM。...; x.insertData(16, ""); 20-08 replaceChild(
HTML5+CSS3+JavaScript从入门到精通 作者：王征，李晓波 第八章 CSS基础 案例 08-01 CSS的基本语法 08-02 类选择器class 08-05 CSS注释 CSS控制网页的外观 Javascript控制网页的行为 08-06... 08-07 内嵌样式 <!
HTML5+CSS3+JavaScript从入门到精通 作者：王征，李晓波 第九章 CSS中的各种样式 案例 09-01 字体的font-family属性 09-14 设置文字与图像的间距 <!
HTML5+CSS3+JavaScript从入门到精通 作者：王征，李晓波 第十二章 Javascript编程的初步知 案例 12-01 JavaScript的数值常量 JavaScript的数值常量 ...JavaScript的数值常量 /*添加script代码*/...Javascript区分大小写，HTML标记并不区分大小写。 2. Javascript中，语句用分号分隔。
HTML5+CSS3+JavaScript从入门到精通 作者：王征，李晓波 第十四章 Javascript编程的循环结构 案例 14-01 利用while循环显示100以内的自然数 利用while循环显示100以内的自然数 <!...；到第10天早上想吃时，只剩下一个桃子； var day = 9, x = 1; document.write("第10天桃子的数量是：", x, "个");
HTML5+CSS3+JavaScript从入门到精通 作者：王征，李晓波 第二十一章 JavaScript的框架库jQuery 案例 21-01 jQuery的使用 ...框架库，可简化HTML文档元素的遍历，事件处理，动画和Ajax交互以实现快速Web开发，它被设计用来改变编写Javascript脚本的方式。... jQuery的常用事件方法 事件往往都是HTML页面的动作引起的，例如当用户按下鼠标或者提交表单，甚至在页面移动鼠标时，事件都会出现...jQuery封装了Javascript中所有的事件，使得其操作更加简单方便，并且使得这些事件能够兼容各大浏览器，减少我们大量代码的编写 21-08 自定义动画
HTML5+CSS3+JavaScript从入门到精通 作者：王征，李晓波 第十六章 JavaScript的对象编程 案例 16-01 通过对象直接量创建对象 <!...-- JavaScript允许在一个数组中存储任何类型的值 var arr = new Array("abc", 0, 1, true); --> ...DOCTYPE html> <!
HTML5+CSS3+JavaScript从入门到精通 作者：王征，李晓波 第二章 案例 2-1 在網頁中排版一首古詩！ 在網頁中排版一首古詩！...DOCTYPE html> 在網頁中排版一首古詩！... 2-3 文本元素 文本元素 <h1 align="center
HTML5+CSS3+JavaScript从入门到精通 作者：王征，李晓波 第一章 案例 01-01 這是第一個HTML5程序！ 這是第一個HTML5程序！... 01-03 第一個JavaScript程序！ 第一個JavaScript程序！... var x; x=prompt("請輸入變量x的值:", "10");//10是默認值 if(x>0)
HTML5+CSS3+JavaScript从入门到精通 作者：王征，李晓波 第十九章 JavaScript窗口的控制和提醒功能 案例 19-01 打开窗口 <!
HTML5+CSS3+JavaScript从入门到精通 作者：王征，李晓波 第六章 HTML网页中的音频和视频 案例 06-01 利用audio元素播放音频 <!
HTML5+CSS3+JavaScript从入门到精通 作者：王征，李晓波 第十章 CSS盒子模型和布局 案例 10-01 content内容 10-02 固定定位 固定定位的div元素 10-03 相对定位 10-05 CSS浮动布局 10-06 清除浮动属性 <!
HTML5+CSS3+JavaScript从入门到精通 作者：王征，李晓波 第五章 HTML网页中的canvas绘图 案例 05-01 canvas元素 <script type="text/<em>javascript</em>
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
