整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          JS入門篇(二):在html中如何使用Javascript

          1)javascript的使用

          HTML 中的腳本必須位于 <script> 與 </script> 標簽之間。腳本可被放置在 HTML 頁面的 <body> 和 <head> 部分中。

          <script> 和 </script> 會告訴 JavaScript 在何處開始和結束。

          <script> 和 </script> 之間的代碼行包含了 JavaScript。

          使用<script>的方式有兩種,一種是直接在頁面中嵌入Javascript代碼,類是上邊圖片所示,另一種是包含外部JavaScript文件。包含在<script>內的javascript代碼將被自上而下的依次解釋。也可以把腳本保存到外部文件中。外部文件通常包含被多個網頁使用的代碼。外部 JavaScript 文件的文件擴展名是 .js。如需使用外部文件,請在 <script> 標簽的 "src" 屬性中設置該 .js 文件的路徑。原理同css的引用類似。

          (2)javascript標簽的位置

          按照傳統做法,所有的<script>元素都應放在<head>標簽里面,這樣做的目的是把所有的外部文件(css文件和javascript文件)都放在相同的地方,便于管理。可是放在<head>中就意味著必須等所有的javascript代碼 下載、解析、執行完之后,頁面要呈現的內容才會被加載(瀏覽器在遇到<body>元素的時候才會加載呈現頁面內容)。對于那些要執行很多javascript代碼的頁面來說,這無疑會導致瀏覽器在呈現頁面時會出現很明顯的延時,而延時期間頁面一片空白,(等待javascript加載,未執行到<body>元素),這對于用戶體驗來說是無法容忍的,為避免這個問題,現代web程序一般都把javascript用于放到<body>元素中頁面內容的最后面,即結束標簽</body>之前。如上個程序代碼所示。

          (3)延遲腳本defer和異步腳本async

          延遲腳本defer:這個屬性的用途是表明腳本在執行時不會影響頁面的構造。也就是說,腳本會被延遲到整個頁面都解析完畢后再運行。因此,在<script>元素中設置defer 屬性,相當于告訴瀏覽器立即下載,但延遲執行。具體使用如下圖所示:

          異步腳本async:這個屬性與 defer 屬性類似,async 只適用于外部腳本文件,并告訴瀏覽器立即下載文件。但與 defer不同的是,標記為 async 的腳本不必等待其他腳本,也不必阻塞文檔呈現,并且不保證按照指定它們的先后順序執行。具體使用如下圖所示:

          (4)<noscript>元素

          如果瀏覽器不支持 JavaScript ,或者被用戶手動屏蔽時,對這種問題的最終解決方案就是創造一個<noscript>元素,用以在不支持 JavaScript 的瀏覽器中顯示替代的內容。這個元素可以包含能夠出現在文檔<body>中的任何 HTML 元素——<script>元素除外。包含在<noscript>元素中的內容只有在下列情況下才會顯示出來。具體的使用如下所示:

          ?

          這個頁面會在腳本無效的情況下向用戶顯示一條消息。而在啟用了腳本的瀏覽器中,用戶永遠也不會看到它——盡管它是頁面的一部分。

          每日金句:我沒有停止愛你,我只是決定不再表現出來。喜歡我的文章的小伙伴記得關注一下哦,每天將為你更新最新知識。

          :常規寫法

          //函數的寫法

          function run{

          alert("常規寫法") //這里是你函數的內容

          }

          //調用

          run()

          2:匿名函數寫法

          var run = function(){

          alert("這是一種聲明函數的寫法,左邊是一個變量,右邊是一個函數的表達式,

            意思就是把一個匿名函數的表達式賦值給了一個變量myrun,只是聲明了一個變量指向了一個函數對象")//這里是你函數的內容

          }

          run()

          3:將方法作為一個對象

          //作為對象方法,函數寫法,這里創建了兩個函數外面用{}包裹起來

          var Text = {

          run1 : function(){

          alert("這個必須放在一個對象內部,放在外邊會出錯")//這里是函數內容

          },

          run2 : function(){

          alert("這個必須放在一個對象內部,放在外邊會出錯")//這里是函數內容

          }

          }

          Text.run1()//調用第一個函數

          Text.run2()//調用第二個函數

          4:構造函數中給對象添加方法

          javascript中的每個對象都有prototype屬性,Javascript中對象的prototype屬性的解釋是:返回對象類型原型的引用。

          // 給對象添加方法

          var funName = function(){};

          funName.prototype.way = function(){

          alert('這是在funName函數上的原始對象上加了一個way方法,構造函數中用到');

          }

          // 調用

          var funname = new text();// 創建對象

          funname.way();//調用對象屬性

          5:自執行函數

          js自執行函數查到了幾種不同寫法

          //方法1:最前最后加括號

          (

          function(){alert(1);}()

          );

          /*這是jslint推薦的寫法,好處是,能提醒閱讀代碼的人,這段代碼是一個整體。

          例如,在有語法高亮匹配功能的編輯器里,光標在第一個左括號后時,最后一個右括號也會高亮,看代碼的人一眼就可以看到這個整體。 */

          //方法2:function外面加括號

          (function(){alert(1);})();

          //這種做法比方法1少了一個代碼整體性的好處。

          //方法3:function前面加運算符,常見的是!與void 。

          !function(){alert(1);}();

          void function(){alert(2);}();

          一步:事先把要調用的信息(醫院的信息,療法,活動介紹,廣告圖片,商務通等一些信息) 做成html源碼形式的,如下圖:

          第二步:打開站長工里面的HTML/JS轉換工具http://0x9.me/hOEzN 把事先弄好源碼放到上面的表單里面,然后這兒工具自動換成要JS代碼。如圖:

          第三步: 把生成好的JS代碼復制到TXT文檔里面,然后把TXT格式改成JS就生成可JS源文件了,然后把做好的JS源文件通過FTP工具上傳到網站的服務器空間上去,如圖:

          第四步:把剛剛上傳的JS源文件路徑復制下來,我們調用這JS就行了,JS代碼如下:

          <script type="text/javascript" src="調用的JS源文件路徑" content="text/html; charset=gb2312" ></script>


          主站蜘蛛池模板: 国内精品一区二区三区东京| 亚洲国产精品一区二区第一页| 国产在线精品一区二区高清不卡| 3D动漫精品一区二区三区| 亚洲第一区精品日韩在线播放| 蜜臀AV一区二区| 国模精品一区二区三区| 杨幂AV污网站在线一区二区| 国产欧美色一区二区三区| 91视频国产一区| 国产乱码一区二区三区| 精品视频一区二区三区在线观看 | 亚洲无线码在线一区观看| 日韩一区二区三区在线精品| 成人久久精品一区二区三区| 无码人妻精品一区二区蜜桃网站| 精品无码一区二区三区爱欲| 麻豆一区二区99久久久久| 中文字幕一区二区人妻性色| 国产精华液一区二区区别大吗| 国产午夜三级一区二区三| 中文乱码精品一区二区三区| 一区二区三区无码高清| 亚洲国产成人久久一区WWW| 一区二区国产在线播放| 国产精品毛片a∨一区二区三区| 国产精品毛片a∨一区二区三区| 精品久久久久中文字幕一区| 在线观看国产一区| 亚欧成人中文字幕一区| 韩国美女vip福利一区| 国产精品久久无码一区二区三区网 | 久久婷婷色综合一区二区| 大伊香蕉精品一区视频在线| 国产精品一区二区久久不卡| 中文字幕一区二区精品区| 国模精品视频一区二区三区| 国产vr一区二区在线观看| 无码人妻精品一区二区三区99仓本 | 最美女人体内射精一区二区| 无码av免费一区二区三区|