ECMAScript(javaScript) Script引入的方法及注意事项
Script的引入方法有两种一种时在<script>标签中直接编写 另外一种时单独编写Script文件 然后通过标签进行导入
1.在页面内直接嵌入Script代码(内嵌法)
在html文件中创建<script>标签 然后直接在标签内写Script代码的方法
</head>
<body>
<div>
</div>
<!--下面是内嵌javaScript-->
<script type="text/javascript">
//↓下面代码随便写的 不用在意↓
var div = document.getElementsByTagName("div")[0];
console.log(div);
div.style.height = "80px";
div.style.backgroundColor="#01A192";
div.innerHTML = "<div style='color:#fff'>伊凡ED</div>";
console.log("<\/script>");
//这里需要注意 在代码中任何位置如果必须出现<\/script>包括注释必须用转义符转义
</script>
</body>
</html>
这里需要注意的是:
1.由于现代浏览器默认<script>标签的type属性值为 type="text/javascript" 所以在引入时不写<script>的属性依然可以运行 但是为了避免兼容问题建议定义该属性 当然 在定义时 不可以写错 写错就会报错 不如不写
2.这一点非常重要 如果你的代码中任意部位需要出现 </script> 包括注释 等任何形式 必须用转义符进行转义 如果不转义 在解析时遇到</script>会默认认为Script代码结束
3.无论你是用任何一种方法引入Script代码 除非你要引入一个框架写在<head>标签内 一般在引入时 都写在</body>的上面 这样做的原因是避免延迟问题 让浏览器先加载Html内的文件 后加载Script内的代码 这样页面打开的速度也会感觉变快 并且不会出现意料之外的麻烦
2.单独设立Script文件 然后从外部进行引入(外联法)
单独编写Script文件 然后通过<script>导入
Script是一个尾缀为 .js 的文件
<body>
<div>
Html内容
</div>
<!--下面是外联javaScript-->
<script type="text/javascript" src="js地址">
</script>
</body>
</html>
在外联Script代码时需要注意:
1.如果定义了外联代码时 是不可以在<script>标签内在内嵌代码的 因为这个只会执行外部的外联代码 内嵌代码将被忽略
2.外联代码可以包含来自外域的Script文件
<script type="text/javascript" src="www.外部域.com/什么js文件">