JavaScript 与html的结合方式

内部JS：

• JavaScript代码写在html文件里。可以定义在html页面中的任意位置。
  
  
  但是注意：js代码定义的位置与html元素位置之间的顺序会产生一些问题。请看下面：我们在body中定义了一个单选按钮，并且希望使用js来获取这个input radio对象。
  
  我们在radio定义之前就使用js代码来获取它了，那么我们能够获取到它吗？答案肯定是不能。
  
  下面的代码才是正确的。
  
  
  可以看到我们把js代码放在radio定义的下方就能够获取到input radio对象了。
  总结：因为代码是从上往下执行的，那么使用js获取一个html元素时，要小心他们之间的顺序问题，如果在元素定义之前我们就在js代码来获取它，肯定是获取不到的。

外部JS：

• JavaScript代码写在一个单独的.js文件里，然后在html中引入。这个也有之前所说的顺序问题，要注意。
  
  使用script标签的 src 属性。例如上图引入同目录下js文件夹下的jquery.js文件。