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

1.内联样式

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

  
  
  
  
    
    

    单击事件：
      
    
  
  

二是写入到标签中

给元素添加id

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

注意：标签应该放在之后

  
  
  
  
  

    单击事件：
      
  
  
  
  

2.外联样式

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

.html文件内容如下：

  
  
  
  

    外联写法--单击事件：
      
  
  
  

.js文件内容如下：

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。