博客列表 >javascript脚本三种引入方式

javascript脚本三种引入方式

℃级的博客
℃级的博客原创
2019年01月22日 10:36:111990浏览


一,在元素的事件中直接调用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脚本的调用。

上一条:1.22JQ前端作业下一条:测试测试测试
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议