[JS]JS与HTML结合方式

一:

    <!-- script:脚本  
        在页面上打印一个脚本元素
        元素的类型text/javascript,即js语言
    -->
    <script type="text/javascript">

    </script>

二:

    <!-- 使用src属性引入外部js 
        在引入js的script标签中,不能在书写js代码
    -->
    <script type="text/javascript" src="hello.js"></script> 

三:

    <script type="text/javascript">
    function hehe() {
        alert("呵呵");
    }
    </script>

    ·······

    <button onclick="hehe()" name="bt" type="s">我点</button>
    <a href="javascript:alert('呵呵')">点我</a>

关于JavaScript的放置的位置

我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分。

放在head部分

最常用的方式是在页面中head部分放置script元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。

放在body部分

JavaScript代码在网页读取到该语句的时候就会执行。
javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。
比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等);

而如果是通过事件调用执行的function那么对位置没什么要求的。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值