如何在页面中引入JS教程

来源:互联网 发布:淘宝店铺抽奖活动设置 编辑:程序博客网 时间:2024/05/16 15:13
1.直接写到页面中
须位于 <script> 与 </script> 标签之间,放置在 HTML 页面的 <body> 或者 <head> 标签中:
   <script type="text/javascript">
//在这里写JS代码
</script>
<script>元素,常用属性有:
type : 可看做是language的替代属性,表示编写代码使用的脚本语言的内容类型,MIME这个属性非必须,默认是text/javascript
      src : 表示包含要执行代码的外部文件
     
注意:js代码所写的位置会影响到代码的执行效果
    2.写到标签元素的事件属性里面
<div onclick="javascript:alert('hello world')">
    3.写到一个外部的文件里面(.js结尾的文件)
写到一个js文件中,然后哪个页面使用就引入过来,类似于css样式表的引用
例如:
<script type="text/javascript" src="js/test1.js"></script>
【注意事项】
        1.不要在<script>标签中再填写其他js代码,否则将会忽略
2.标签位置<head>标签中:等到全部的js代码都被下载,解释和执行完成后才能开始呈现页面的内容。可将代码引用放到<body>元素放到内容后面。