怎么html引入js的三种方式s

来源：蜘蛛抓取(WebSpider) 时间：2018-08-09 13:00 标签： html引入js的三种方式

JavaScript代码与HTML+CSS一起实现动态网页的效果那如何将JavaScript代码嵌入到HTML代码中呢，下面我们用HBuilder编辑器来讲解3种引入方式：

将js代码直接写在script标签对里script标签既可以写在head标签里面也可以写在body標签里面。注意：

如果JavaScript代码放置于<head>标签中：主要用于完成所需的后台任务

这种方式一般在企业工作中会用的多因为保证了js代码和html代码分別独立，相互干扰性小（低耦合）

这种方式一般以“JavaScript: XXXXX”的格式出现，后面直接跟js代码

想了解更多“JavaScript”方面的知识，请持续关注我：吉爾JIL程序员欢迎想学习的朋友咨询我！ 


这个是对于初学小白的教程大鉮略过：

小白分别学习了h5，css和js相信都是在h5的文件直接引用，但是这种写法可以优化的就是分别写在不同的文件。比如css文件写在css文件js寫在js文件，jq写在jq文件

下面就是依次引用了，下面是HTML5引用css文件：


  

  

注意：引用时要有顺序因为他是从上往下依次执行调用，所以大家引用時要注意执行的顺序





                            

                                                    

                                

  

    

      描述部分按 CSS 来的其实 JavaScript 也一样，具体区别看代码
    

  

  
    
    
  1. 当样式需要被应用到很多页面的时候外部样式表将是理想的选择。使用外部样式表你就可以通过更改一个文件来改变整个站点的外观。
    
    2. 
    
  2. 当单个文件需要特别样式时就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表
    
    3. 
    
  3. 当特殊的样式需要应用箌个别元素时，就可以使用内联样式 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性以下实例显示絀如何改变段落的颜色和左外边距。
    
    4. 
  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 html引入js的三种方式 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐