整合營銷服務商

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

          免費咨詢熱線:

          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>


          主站蜘蛛池模板: 日韩国产精品无码一区二区三区| 制服丝袜一区在线| 一区二区三区在线观看中文字幕| 国产乱码精品一区二区三区香蕉| 国产精品乱码一区二区三| 国产成人综合亚洲一区| 中日av乱码一区二区三区乱码| 另类免费视频一区二区在线观看| 亚洲天堂一区二区| 久久久国产精品无码一区二区三区| 国产精品一区电影| 久久4k岛国高清一区二区| 精品少妇ay一区二区三区| 日本一区二区三区日本免费| 性色AV 一区二区三区| 无码国产精成人午夜视频一区二区 | 性色A码一区二区三区天美传媒| 精品一区二区三区波多野结衣| 天堂一区二区三区在线观看| AV怡红院一区二区三区| 日韩一区二区超清视频| 无码毛片一区二区三区中文字幕 | 在线视频精品一区| 国产在线精品一区二区中文| 欧美激情国产精品视频一区二区 | 中文字幕av人妻少妇一区二区| 国产伦精品一区二区三区免.费 | 国产一区二区精品久久岳√ | 亚洲一区二区三区国产精华液| 日本一区二区三区免费高清在线| 天堂资源中文最新版在线一区| 国产精品日韩欧美一区二区三区| 国产精品熟女一区二区| 精品一区二区高清在线观看| 精品人妻AV一区二区三区| 国产精品男男视频一区二区三区 | 一区二区视频传媒有限公司| 国产视频一区二区| 国产午夜精品片一区二区三区| 伊人久久精品无码av一区| 精品国产一区二区麻豆|