js在HTML的三种引用方式详解

这篇文章主要介绍了js在HTML的三种引用方式详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

1.内联样式

内联样式分为两种，一是直接写入元素的标签内部

  js样式内联写法  单击事件：

二是写入到标签中

给元素添加id

通过getElementById('XX');方法定位到该元素，给该元素添加触发事件

注意：标签应该放在

之后

  js样式内联写法  单击事件：

2.外联样式

将js的代码写到.js的文件中，并在HTML中引用

.html文件内容如下：

  js样式外联写法  外联写法--单击事件：

.js文件内容如下：

 //js代码 //找到XX元素，一般给元素加id yuansuojb=document.getElementById('yuansu'); //给xx元素加事件 yuansuojb.onclick=function(){ //代码段 var str="hello world !!!"; alert(str); }

以上就是js在HTML的三种引用方式详解的详细内容，更多请关注0133技术站其它相关文章！

js在HTML的三种引用方式详解

相关文章

前端开发

置顶推荐

猜你喜欢