在 HTML 中使用JavaScript
2024-10-18 21:07:33
<script>元素
属性
async:可选。async 属性规定一旦脚本可用,则会异步执行,表示应该立即下载脚本,但不妨碍页面中的其他操作,比如下载其他资源或等待加载其他脚本。async 属性仅适用于外部脚本(只有在使用 src 属性时)。
charset:可选。表示通过src属性指定的代码的字符集。由于大多数浏览器会忽略它的值因此很少用。
defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有效。最好只包含一个延迟脚本。HTML5 的实现会忽略给嵌入脚本设置的 defer 属性。
src:可选。表示包含要执行代码的外部文件。
type:可选。可以看成language的替代属性,表示编写代码使用的脚本语言的内容类型(也称MIME类型)。服务器在传送JavaScript文件时使用的MIME类型通常是application/x-javascript。
包含在<script>元素内部的js代码将被从上至下依次解释。解释器会将解释的函数、变量保存在自己的环境中,在解释器对<script>元素内部的所有代码求值完毕以前,页面中的其余内容不会被浏览器加载或显示。
因为按照嵌入式代码的规则,当浏览器遇到字符串"</script>"时,就会认为那是结束的标签,而通过转义字符"/"可以解决这个问题。
1
2
3
4
5
|
<script> window.onload = function (){ alert( "<\/script>" ); } </script> |
服务器通常需要看扩展名决定为响应应用哪种MIME类型。如果不使用.js扩展名,请确保服务器能返回正确的MIME类型。
带有 src 属性的<script>元素不应该在其<script>和</script>标签之间再包含额外的 JavaScript 代码。如果包含了嵌入的代码,则只会下载并执行外部脚本文件,嵌入的代码会被忽略。
XHTML中的用法
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<script type= "text/javascript" > //<![CDATA[ function compare(a, b) { if (a < b) { alert( "A is less than B" ); } else if (a > b) { alert( "A is greater than B" ); } else { alert( "A is equal to B" ); } } //]]> </script> |
最新文章
- ASP.NET MVC Model验证(四)
- 原创 C++应用程序在Windows下的编译、链接:第三部分 静态链接(二)
- Andriod如何更改应用程序小图标
- NodeJS+Mongodb+Express做CMS博客系统
- ubuntu下ROS安装时sudo rosdep init和rosdep update的解决方法
- sublime3使用
- SVN服务器搭建和使用(二)
- python中的“引用”和C++的引用
- 【转载】ASP.NET支持多语言
- gallery利用代码定位图片并且不丢失动画效果
- Github 开源:使用 .NET WinForm 开发所见即所得的 IDE 开发环境(Sheng.Winform.IDE)【2.源代码简要说明】
- [LeetCode] Palindromic Substrings 回文子字符串
- php的运行机制
- 关于Hibernate 连接mysql不能自动建表的问题
- [MySQL] timestamp和datetime的区别
- 我的微软最有价值专家(Microsoft MVP)之路
- 【防坑指南】nginx重启后出现[error] open() “/usr/local/var/run/nginx/nginx.pid” failed
- MySQL:安装mysqld系统及基础应用
- 00001 - Linux下 环境变量/etc/profile、/etc/bashrc、~/.bashrc的区别
- 报错:Missing type map configuration or unsupported mapping
热门文章
- 【UOJ244】[UER7]短路
- bzoj 3932: [CQOI2015]任务查询系统 -- 主席树 / 暴力
- ACM -- 算法小结(二)错排公式的应用
- python开发_glob
- Raspberry pi,一个好玩的派:第八季 Raspbmc(下)
- Swift基础类型
- linux下使用free命令查看实际内存占用(可用内存)
- OAuth:OAuth概述
- [Android 新特性] 改进明显 Android 4.4系统新特性解析
- 总结学习 Python 的 14 张思维导图汇总