html里js的使用方法:1、在HTML中使用【】嵌入JavaScript,在使用【】包含外部文件时使用src属性;2、所有【】元素都应该放在页面的元素中。

本教程操作环境:windows7系统、html 4.01版,DELL G3电脑。
html里js的使用方法:
1、元素
在HTML中使用嵌入JavaScript
立即学习“前端免费学习笔记(深入)”;
HTML 4.01 为
定义了下列 6 个属性。
async:可选。表示应该立即下载脚本,但不应妨碍页面中的其他操作,比如下载其他资源或等待加载其他脚本。只对外部脚本文件有效。
charset:可选。表示通过src属性指定的代码的字符集。由于大多数浏览器会忽略它的值,因此这个属性很少有人用。
defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再行。只对外部脚本文件有效。IE7及更早版本对嵌入脚本也支持这个属性。
language:已废弃。原来用于表示编写代码使用的脚本语言(如 JavaScript、JavaScript1.2或 VBScript)。大多数浏览器会忽略这个属性,因此也没有必要再用了。
src:可选。表示包含要执行代码的外部文件。
type:可选。可以看成是language的替代属性;表示编写代码使用的脚本语言的内容类型(也称为 MIME 类型)。虽然 text/javascript 和 text/ecmascript 都已经不被推荐使用,但人们一直以来使用的都还是 text/javascript。实际上,服务器在传送 JavaScript 文件时使用的
MIME 类型通常是 application/x–javascript,但在type中设置这个却可能导致脚本被忽略。另外,在非IE浏览器中还可以使用以下值:
application/javascript和application/ecmascript。考虑到约定俗成和最大限度的浏览器兼容性,目前 type 属性的值依旧还是
text/javascript。不过,这个属性并不是必需的,如果没有指定这个属性,则其默认值仍为text/javascript。
使用元素的方式有两种:直接在页面中嵌入 JavaScript 代码和包含外部 JavaScript文件。在使用元素嵌入JavaScript代码时,只须为指定type属性。然后,像下面这样把JavaScript代码直接放在元素内部即可:
function fun(){ alert("hello")}
包含在元素内部的 JavaScript 代码将被从上至下依次解释。
在解释器对元素内部的所
有代码求值完毕以前,页面中的其余内容都不会被浏览器加载或显示。
在使用嵌入 JavaScript 代码时,记住不要在代码中的任何地方出现字符串。如果必须出现,请使用/转义符
在使用包含外部文件时使用src属性。在解析外部文件时(包括下载)会停止页面的处理。在带有src属性的中间不能再嵌入其他代码 ,否则不会执行。
2、标签的位置
按照传统的做法,所有元素都应该放在页面的元素中,如:
这样做或是浏览器在所有的js文件都下载解析和执行完成后才开始显示页面(浏览器遇到body才会开始呈现内容)
为了避免这个问题,现代 Web 应用程序一般都把全部 JavaScript 引
用放在元素中页面内容的后面,如下例所示:
Example HTML Page
这样,在解析包含的JavaScript代码之前,页面的内容将完全呈现在浏览器中。而用户也会因为浏览器窗口显示空白页面的时间缩短而感到打开页面的速度加快了。
3、文档模式
doctype
混杂模式
标准模式
准标准模式
4、
这个元素可以包含能够出现在文档
中的任何 HTML 元素——元素除外。包含
在元素中的内容只有在下列情况下才会显示出来:
[ ] 浏览器不支持脚本;
[ ] 浏览器支持脚本,但脚本被禁用。
符合上述任何一个条件,浏览器都会显示中的内容。而在除此之外的其他情况下,浏览器不会呈现中的内容。示例:
<html><head><title>Example HTML Page</title><script type="text/javascript" defer="defer" src="example1.js"></script><script type="text/javascript" defer="defer" src="example2.js"></script></head><body><noscript><p>本页面需要浏览器支持(启用) JavaScript。</p></noscript></body></html>
相关学习推荐:html视频教程
以上就是html里js怎么使用的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1549208.html
微信扫一扫
支付宝扫一扫