整合營銷服務商

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

          免費咨詢熱線:

          前端教程:JavascriptString.cons

          前端教程:JavascriptString.constructor屬性

          將返回一個對創建實例的原型字符串函數。

          語法

          string.constructor1復制代碼類型:[javascript]

          下面是參數的詳細信息:

          NA

          返回值

          返回創建此對象的實例的功能。

          例子:

          <html>
          <head>
          <title>JavaScript String constructor Method</title>
          </head>
          <body>
          <script type="text/javascript">
             var str=new String( "This is string" );
             document.write("str.constructor is:" + str.constructor); 
          </script>
          </body>
          </html>1234567891011復制代碼類型:[javascript]

          這將產生以下結果:

          str.constructor is: function String() { [native code] } 

          「鏈接」

          、zoom屬性概述

          zoom屬性是IE瀏覽器中特有的一個樣式屬性,其作用主要是用來解決IE6以下版本的瀏覽器中,absolute或relative定位的容器因為子元素使用float造成高度塌陷的問題。

          zoom屬性是一個繼承屬性,只能作用于塊級元素。該屬性不能用于非IE內核的瀏覽器,因此在編寫跨瀏覽器的CSS樣式時,需要考慮到使用其他兼容方法。

          二、zoom屬性的語法

          zoom屬性可以使用具體的值或百分比值作為其屬性值,例如:

          div{
              zoom: 1;
          }
          

          在實際編碼中,zoom屬性一般使用zoom:1或zoom:100%來進行設置,這樣會把容器元素的縮放比例設為1,達到修復IE瀏覽器下的高度塌陷問題的效果。

          三、zoom屬性的使用場景

          zoom屬性通常與IE6及以下版本的瀏覽器中出現的高度塌陷問題有關聯。當一個容器元素設置了相對或絕對定位,并且其內部的子元素又使用了浮動(float)屬性時,容器元素的高度就會無法被子元素撐開,出現高度塌陷問題。

          此時,為容器元素添加 zoom:1; 就可以修復這個問題。具體例子如下:

          .container {
              position: relative;
              zoom: 1;
          }
          .container .child {
              float: left;
          }
          

          四、zoom屬性的兼容性問題

          需要注意的是,雖然zoom屬性非常實用,但是該屬性只在IE瀏覽器中有效,在非IE瀏覽器中并不具備任何效果。

          如果需要在跨瀏覽器的開發中兼容IE瀏覽器的高度塌陷問題,可以考慮使用其他方式,如引入jQuery庫中的clearfix插件或直接利用觸發BFC的方式進行處理。

          五、小結

          在IE6以下版本的瀏覽器中,zoom屬性是一個非常實用的樣式屬性,其可以很好地解決定位元素高度塌陷的問題。通過該屬性的使用,在確保代碼兼容性的前提下,我們可以更加靈活地進行CSS樣式的編寫。

          TML元素

          這一節以及以后幾節我們將對HTML中<body>標簽中的各種元素進行一個概述,并對一些基本元素進行練習。

          HTML元素:指的是從開始標簽到結束標簽的所有代碼。

          舉個例子,在《第一個HTML頁面如何寫?——零基礎自學網頁制作》這一節中,我們寫了這樣一個頁面"第一個頁面.html"。后面的練習我們都在這個文件中進行。

          <!DOCTYPE HTML> 
            <html> 
            <head> 
            </head> 
            <body> 
            <h>第一個網頁</h>
            <p>千里之行始于足下</p> 
            </body>
            </html>

          其中"<h>第一個網頁</h>"整個代碼就可以看做是一個html元素,<h></h>叫做標題標簽,加上"第一個網頁"這段文字共同構成一個HTML元素。

          HTML元素非常多,因為我們可以在頁面中顯示各種各樣的信息,不同的信息載體對應不同的元素。

          下面我們就介紹幾個常用的html元素。

          HTML常用元素使用練習1

          NO.1:<h></h>與<hr>

          <h></h>這個用來添加標題的元素大家比較熟悉了,這里要介紹一個新的用法。示例代碼如下:

          <!DOCTYPE HTML>
            <html>
            <head> 
            <title>第一個網頁</title>
            </head> 
            <body>
            <h1>第一個網頁</h1>
            <h2>第一個網頁</h2>
            <h3>第一個網頁</h3>
            <h4>第一個網頁</h4>
            <h5>第一個網頁</h5>
            <h6>第一個網頁</h6>
            <p>千里之行始于足下</p>
            </body> 
            </html>

          頁面顯示效果如圖:

          大家通過觀察可以看出h后面的編號用來控制標題字號大小,僅僅是標題有這種預設,其他元素如果要調整字號的話我們放在以后CSS里講。

          下面看<hr>,示例代碼如下:

          <!DOCTYPE HTML>
            <html>
            <head> 
            <title>第一個網頁</title>
            </head> 
            <body>
            <h1>第一個網頁</h1><hr>
            <h2>第一個網頁</h2><hr>
            <h3>第一個網頁</h3><hr>
            <h4>第一個網頁</h4><hr>
            <h5>第一個網頁</h5><hr>
            <h6>第一個網頁</h6><hr>
            <p>千里之行始于足下</p><hr>
            </body> 
            </html>

          效果如下:

          <hr>標簽可以為它前面的元素添加分割線,大家注意的是分割線不是下劃線,添加下劃線的操作我們會在CSS樣式表中詳細講解。

          NO.2:<p></p>與<br>

          <p></p>元素是添加段落的。示例代碼如下:

          <!DOCTYPE HTML>
            <html>
            <head> 
            <title>第一個網頁</title>
            </head> 
            <body>
            <h1>第一個網頁</h1><hr>
            <p>千里之行始于足下值得注意的是我們沒有必要一一講解HTML中的所有元素以及每個元素的各個屬性,
          因為每個元素的使用都是大同小異,我們完全可以通過幾個常用案例對HTML全部元素及屬性的指定形成一
          個整體認識,以后可以根據需求通過查詢手冊來自己學習其他元素及其屬性的用法。</p><hr>
          </body>
          </html>

          效果如圖所示:

          通過觀察發現,即使我們在代碼中對段落的文字進行回車操作,但是出現在頁面中是沒有回車的效果的,文字按照順序長長的排列在顯示器上,非常不利于閱讀,因此我們就要介紹常常和p標簽連用的<br>換行標簽。

          示例代碼如下:

          <!DOCTYPE HTML>
            <html>
            <head>
            <title>第一個網頁</title>
          </head> 
          <body>
            <h1>第一個網頁</h1><hr>
          <p>千里之行始于足下<br>
            值得注意的是我們沒有必要一一講解HTML中的所有元素以及每個元素的各個屬性,<br>
            因為每個元素的使用都是大同小異,我們完全可以通過幾個常用案例對HTML全部元<br>
            素及屬性的指定形成一個整體認識,以后可以根據需求通過查詢手冊來自己學習其他<br>
            元素及其屬性的用法。</p><hr>
          </body>
          </html>

          效果如圖所示:

          喜歡的小伙伴請關注我,閱讀中遇到任何問題請給我留言,如有疏漏或錯誤歡迎大家斧正,不勝感激!

          HTML完整學習目錄

          HTML序章(學習目的、對象、基本概念)——零基礎自學網頁制作

          HTML是什么?——零基礎自學網頁制作

          第一個HTML頁面如何寫?——零基礎自學網頁制作

          HTML頁面中head標簽有啥用?——零基礎自學網頁制作

          初識meta標簽與SEO——零基礎自學網頁制作

          HTML中的元素使用方法1——零基礎自學網頁制作

          HTML中的元素使用方法2——零基礎自學網頁制作

          HTML元素中的屬性1——零基礎自學網頁制作

          HTML元素中的屬性2(路徑詳解)——零基礎自學網頁制作

          使用HTML添加表格1(基本元素)——零基礎自學網頁制作

          使用HTML添加表格2(表格頭部與腳部)——零基礎自學網頁制作

          使用HTML添加表格3(間距與顏色)——零基礎自學網頁制作

          使用HTML添加表格4(行顏色與表格嵌套)——零基礎自學網頁制作

          16進制顏色表示與RGB色彩模型——零基礎自學網頁制作

          HTML中的塊級元素與內聯元素——零基礎自學網頁制作

          初識HTML中的<div>塊元素——零基礎自學網頁制作

          在HTML頁面中嵌入其他頁面的方法——零基礎自學網頁制作

          封閉在家學網頁制作!為頁面嵌入PDF文件——零基礎自學網頁制作

          HTML表單元素初識1——零基礎自學網頁制作

          HTML表單元素初識2——零基礎自學網頁制作

          HTML表單3(下拉列表、多行文字輸入)——零基礎自學網頁制作

          HTML表單4(form的action、method屬性)——零基礎自學網頁制作

          HTML列表制作講解——零基礎自學網頁制作

          為HTML頁面添加視頻、音頻的方法——零基礎自學網頁制作

          音視頻格式轉換神器與html視頻元素加字幕——零基礎自學網頁制作

          HTML中使用<a>標簽實現文本內鏈接——零基礎自學網頁制作


          主站蜘蛛池模板: 国产精品综合一区二区三区| 尤物精品视频一区二区三区| 国产精品福利一区二区久久| 夜夜高潮夜夜爽夜夜爱爱一区| 精品无码人妻一区二区三区不卡| 国语对白一区二区三区| 久久久久一区二区三区| 亚洲日本中文字幕一区二区三区 | 88国产精品视频一区二区三区| 国产在线一区二区杨幂| 亚洲av乱码中文一区二区三区| 日韩一区二区三区无码影院 | 亚洲一区二区三区免费视频| 国产在线一区二区综合免费视频 | 亚洲日韩AV一区二区三区中文| 久久久精品人妻一区亚美研究所| 日韩制服国产精品一区| 精品无码综合一区| 中文字幕一区二区三区免费视频| 精品国产亚洲一区二区在线观看| 一区二区高清在线| 国产成人一区在线不卡| 好爽毛片一区二区三区四| 亚洲av高清在线观看一区二区| 一区二区三区免费高清视频| 一区二区三区91| 丝袜人妻一区二区三区网站| 亚洲综合色自拍一区| 久久国产精品视频一区| 中文字幕视频一区| 亚洲AV日韩综合一区| 蜜桃视频一区二区三区| 国产精品第一区第27页| 国产亚洲综合一区柠檬导航 | 亚洲av午夜福利精品一区| 人妻少妇精品视频一区二区三区| 亚洲一区二区三区播放在线| 成人无号精品一区二区三区| 波多野结衣在线观看一区| 肥臀熟女一区二区三区| 日韩精品一区二区三区中文字幕 |