javascript脚本三种引入方式

一，在元素的事件中直接调用js脚本。

实例

<h1 id="hh" onclick="console.log(id);">我的标题</h1>

体会：直接在H1中的onclick事件中写入js脚本，来完成js的操作。

二，在表单元素事件中调用js函数，js函数写入script标签中。

实例

<form action="">
<input type="text" name="username">
<input type="button" onclick="check(username)" value="验证">
</form>
<script >
function check(name)
{  
   if(name.value.length===0){alert("空值！");}else{alert("验证通过！");} 
}
</script>

体会：在表单form中的button子元素中建立事件onclick并引入js函数，后在script标签中建立js脚本函数。

三，将js脚本写入外部js文件中，再在HTML文档中的表单元素调用js文件，

实例

实例

<script src="js.js"></script>

function check(name)
{  
   if(name.value.length===0){alert("空值！");}else{alert("验证通过！");} 
}

体会将第二种方法的js脚本放入外部js文件中，同时，在html中调用js文件，进行js脚本的调用。