您的位置：首页 > Web前端 > JavaScript

js基础--在HTML中使用javascript

2014-07-09 17:11 483 查看

向HTML 中插入javascript 代码。就是使用 <script></script> 标签
<script></script> 标签定义有6个属性
1.async:表示你打开页面立即下载脚本。不妨碍页面的其他操作。

2.charset：表示通过src属性指定的代码字符集，
由于大多数浏览器会忽略这个值，所以现在很少有人使用这个属性

3.defer：表示脚本等到页面完全被解析显示之后在执行脚本

4.language：已经废弃的一个属性。

5.src：表示包含要执行的代码的外部文件

6.type：编写代码使用的脚本内容类型（MIME）

使用 <script></script> 元素有两种。一种是直接在文档编辑脚本代码。一种是引入外部脚本代码文件

曾经在直接在文档写javascript脚本是这样的：

<script type="text/javascript">
</script>

但是现在很少使用到 type 属性了。
直接是

<script>
</script>

这样写javascript元素。

引用外部脚本文件：src

<script src="javascript.js"></script>
//引用了 javascript.js 这个脚本文件

同时。javascript 还可以引入外部域的文件，如：

<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
//引用了  里 jquery-1.11.1.js 这个脚本文件

这点使script元素很img 很相似。但是需要注意的事，访问在不是自己控制范围的服务器上javascript 脚本需要当心一些心存恶意的程序员在脚本上面做手脚，他们随时可以将他的javascript 脚本替换成其他脚本。这点值得注意。

javascript 脚本的执行先后顺序。
如果你想你的脚本在文档解析完成后才执行则在script元素中添加 defer 元素

<script defer src="http://code.jquery.com/jquery-1.11.1.js"></script>
//在XHTML 文档中要将  defer = “defer”

在引入外部文件时。如果你想你的脚本在文档开始解析时就将脚本下载到该文档则在script元素中添加 async 元素

<script async src="http://code.jquery.com/jquery-1.11.1.js"></script>
//在XHTML 文档中要将   async= “async”

在传统的做法里所有的script 元素都放在<head></head> 元素里面。如：

<head>
<meta charset="utf-8">
<title>javascipt</title>
<script async src="http://code.jquery.com/jquery-1.11.1.js"></script>
</head>

这样意味着将所有js文件下载下来后才去解析body标签里面的代码。用户体验不佳。
建议：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>javascipt</title>
</head>
<body>
<!-- 文档元素  -->
<script async src="http://code.jquery.com/jquery-1.11.1.js"></script>
</body>
</html>

在页面已经显示出来后才去下载js文件用户不用等待长时间的空白而感到打开页面速度加快

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 浏览器标签 javascript 元素

相关文章推荐

新的分享

章节导航