JavaScript第一课——使用JavaScript
2016-01-31 18:31
441 查看
学习要点:
1.创建一张HTML页面
2.<Script>标签解析
3.JS代码嵌入的一些问题
一、创建一张HTML页面
虽然现在很多教材开始使用
html5来讲解
JavaScript课程。但我认为这样可能比较超前 ,对于JavaScript初学者,我们还是用比较普及和稳定的xhtml1.x来创建一张页面。
很多时候,你无法记住
xhtml1.x过渡性的标准格式。这个时候,建议打开Dreamweaver来获取。页面创建好后,编写一个最简单的JavaScript脚本(简称
JS
脚本)。
注意网页的编码格式及文件存储的编码。
二、<Script>标签解析
<script>xxx</script>这组标签,是用于在html页面中插入
js
的主要方法。它主要有以下几个属性:
1.charset:可选。表示通过src属性指定的字符集。由于大多数浏览器忽略它,所以很少有人用它。
2.defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行 。由于大多数浏览器不支持,故很少用。
3.language:已废弃。原来用于代码使用的脚本语言。由于大多数浏览器忽略它,所以不要用了。
4.src:可选。表示包含要执行代码的外部文件。
5.type:必需。可以看作是language的替代品。表示代码使用的脚本语言的内容类型
。范例:type="text/javascript"。
三、JS代码嵌入的一些问题
如果你想弹出一个</script>标签的字符串,那么浏览器会误解成JS代码已经结束了。解决的方法,就是把字符串分成两个部分,通过连接符
‘+’来连接。
一般来说,JS代码越来越庞大的时候,我们最好把他另存为一个.js文件,通过
src
引入即可。它还具有维护性高、可缓存(加载一次,无需加载)、方便未来扩展的特点。
这样标签内就没有任何
JS
代码了。但,要注意的是,虽然没有任何代码,也不能用单标签:
也不能在里面添加任何代码:
按照常规,我们会把<script>标签存放到<head>...</head>之间。但有时也会放在body之
间。
不再需要提供注释,以前为了让不支持JavaScript浏览器能够屏蔽掉<script>内部的代码,我们习惯在代码的前后用html注释掉,现在已经不需要了。
平稳退化不支持
JavaScript处理:<nosciprt>
1.创建一张HTML页面
2.<Script>标签解析
3.JS代码嵌入的一些问题
一、创建一张HTML页面
虽然现在很多教材开始使用
html5来讲解
JavaScript课程。但我认为这样可能比较超前 ,对于JavaScript初学者,我们还是用比较普及和稳定的xhtml1.x来创建一张页面。
很多时候,你无法记住
xhtml1.x过渡性的标准格式。这个时候,建议打开Dreamweaver来获取。页面创建好后,编写一个最简单的JavaScript脚本(简称
JS
脚本)。
注意网页的编码格式及文件存储的编码。
二、<Script>标签解析
<script>xxx</script>这组标签,是用于在html页面中插入
js
的主要方法。它主要有以下几个属性:
1.charset:可选。表示通过src属性指定的字符集。由于大多数浏览器忽略它,所以很少有人用它。
2.defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行 。由于大多数浏览器不支持,故很少用。
3.language:已废弃。原来用于代码使用的脚本语言。由于大多数浏览器忽略它,所以不要用了。
4.src:可选。表示包含要执行代码的外部文件。
5.type:必需。可以看作是language的替代品。表示代码使用的脚本语言的内容类型
。范例:type="text/javascript"。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>使用JavaScript</title> </head> <body> <script type="text/javascript" src="xxx.js"></script> </body> </html>
三、JS代码嵌入的一些问题
如果你想弹出一个</script>标签的字符串,那么浏览器会误解成JS代码已经结束了。解决的方法,就是把字符串分成两个部分,通过连接符
‘+’来连接。
<script type="text/javascript"> alert('</scr'+'ipt>'); </script>
一般来说,JS代码越来越庞大的时候,我们最好把他另存为一个.js文件,通过
src
引入即可。它还具有维护性高、可缓存(加载一次,无需加载)、方便未来扩展的特点。
<script type="text/javascript" src="demo1.js"></script>
这样标签内就没有任何
JS
代码了。但,要注意的是,虽然没有任何代码,也不能用单标签:
<script type="text/javascript" src="demo1.js" />;
也不能在里面添加任何代码:
<script type="text/javascript" src="demo1.js">alert('我很可怜,执行不到!')</script>
按照常规,我们会把<script>标签存放到<head>...</head>之间。但有时也会放在body之
间。
不再需要提供注释,以前为了让不支持JavaScript浏览器能够屏蔽掉<script>内部的代码,我们习惯在代码的前后用html注释掉,现在已经不需要了。
<script type="text/javascript"> <!-- alert('欢迎!'); --> </script>
平稳退化不支持
JavaScript处理:<nosciprt>
<noscript> 您没有启用 JavaScript </noscript>
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- HTML5中在客户端验证文件上传的大小
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- Redux系列02:一个炒鸡简单的react+redux例子
- JavaScript 各种遍历方式详解