码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 基础学习(二)js 和 html 的结合方式

时间:2020-02-16 01:12:02      阅读:65      评论:0      收藏:0      [点我收藏+]

标签:标签   ref   外部文件   直接   出现   获取   put   htm   属性   

第一种

使用一个标签

<script type="text/javascript">  js代码; </script>

第二种

使用 script 标签,引入一个外部的 js 文件

需要创建一个js文件写js代码

<script type="text/javascript" src="1.js"></script>

使用第二种方式时候,不需要在script标签里面写js代码

第三种:

与HTML标签中属性结合

<button onclick="alter("hhh")"></button>
<a href="javascript:alter('hhh');">hhh<a/>

注意事项

script标签用于引入外部文件,就不能再编写其他script代码了,即使编写了也无法执行

如果需要编写,需再创建一个新的script标签进行编写

script标签放在的位置

建议把script标签放到 后面。比如现在有这样一个需求:在js里面需要获取到input里面的值,如果把script标签放到head里面会出现问题。html解析是从上到下解析的,script标签放到的是

head里面,直接在里面取input里面的值,。因为页面还没有解析到input那一行,肯定取不到。script代码解析从上到下

JavaScript 基础学习(二)js 和 html 的结合方式

标签:标签   ref   外部文件   直接   出现   获取   put   htm   属性   

原文地址:https://www.cnblogs.com/Yee-Q/p/12315311.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!