首页 > 编程 > JavaScript > 正文

javascript基础知识(一)——JavaScript在页面中的使用

2019-11-14 09:40:07
字体:
来源:转载
供稿:网友

javaScript在页面中的使用

1.向页面插入Javascript的方法:

1.使用<script> 标签(外部引用和嵌入) 2.直接事件定义 < onclick=”js代码”>

2. <script> 标签的位置:

注: JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。老旧的实例可能会在 <script> 标签中使用 type=”text/javascript”。现在已经不必这样做了。把<script> 标签安置到同一处位置,不会干扰页面的内容。 1.<head>元素中(传统的方法) ,对于需要很多javascript代码的页面,必须等到全部js代码都被下载,解析和执行完成以后,才呈现页面内容,会使浏览器呈现页面时出现延迟空白等(浏览器在遇到<body> 标签时才呈现内容) 1.<body>中会在页面加载时向 HTML 的 <body>写文本(最好放在文档最后 </body>标签前,使浏览器更快加载页面) 嵌入代码:

<body><script>function myFunction(){ document.getElementById("demo").innerHTML="My First JavaScript Function";}</script></body>

外部文件 引用代码: <script src="myScript.js"></script>

嵌入代码与外部文件比较:

1.可维护性:嵌入在html中的代码可维护性不高,外部文件可在不触及html标记集中编辑javascript

2. 可缓存:浏览器可缓存链接的所有外部javascript文件,若有使用到相同文件时只需下载一次,加快页面加载速度

3. 适应未来:html和xhtml包含外部文件的语法相同


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表