单击事件：
      
    
  
  

输出结果：

2.内嵌引入方式(内部引入)

写在script标签中

内部引用: 通过在script标签中编写js代码使用

• script标签可以写在页面任何位置

• script标签通常使用在body中的最后, 或者body的后面

(1)可以写在任意地方；

当需要我们在头部引用脚本就放在头部，否则则放在底部，因为放在头部可能会影响浏览器渲染。

注：一般在自己写练习的时候，想偷懒不想设置js文件时使用 [练习使用]

通常自己做项目的时候放在底部，不影响加载顺序又可以和CSS文件进行区分，并且不会影响浏览器渲染；若放在其他处最好用onload套起来用

  
  
  
  
  

    单击事件：
      
  
  
  
  

输出结果：

3.外部引入方式

在script标签中使用src引入外部文件

步骤:

• 编写独立的js文件

• 在页面中通过script标签引用

(1)引入外部JS文件的script中不可以写代码

(2)利用HTML页面代码结构化，把多段JS代码独立至HTML页面外面，美观，且方便文件复用

注：和行内样式一样放在底部和头部需要分情况考虑[经常使用]

使用的是src不是href

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

.html文件内容如下：

  
  
  
  

    外联写法--单击事件：
      
  
  
  

.js文件内容如下：

//js代码

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

输出结果：