將返回一個對創建實例的原型字符串函數。
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屬性是IE瀏覽器中特有的一個樣式屬性,其作用主要是用來解決IE6以下版本的瀏覽器中,absolute或relative定位的容器因為子元素使用float造成高度塌陷的問題。
zoom屬性是一個繼承屬性,只能作用于塊級元素。該屬性不能用于非IE內核的瀏覽器,因此在編寫跨瀏覽器的CSS樣式時,需要考慮到使用其他兼容方法。
zoom屬性可以使用具體的值或百分比值作為其屬性值,例如:
div{
zoom: 1;
}
在實際編碼中,zoom屬性一般使用zoom:1或zoom:100%來進行設置,這樣會把容器元素的縮放比例設為1,達到修復IE瀏覽器下的高度塌陷問題的效果。
zoom屬性通常與IE6及以下版本的瀏覽器中出現的高度塌陷問題有關聯。當一個容器元素設置了相對或絕對定位,并且其內部的子元素又使用了浮動(float)屬性時,容器元素的高度就會無法被子元素撐開,出現高度塌陷問題。
此時,為容器元素添加 zoom:1; 就可以修復這個問題。具體例子如下:
.container {
position: relative;
zoom: 1;
}
.container .child {
float: left;
}
需要注意的是,雖然zoom屬性非常實用,但是該屬性只在IE瀏覽器中有效,在非IE瀏覽器中并不具備任何效果。
如果需要在跨瀏覽器的開發中兼容IE瀏覽器的高度塌陷問題,可以考慮使用其他方式,如引入jQuery庫中的clearfix插件或直接利用觸發BFC的方式進行處理。
在IE6以下版本的瀏覽器中,zoom屬性是一個非常實用的樣式屬性,其可以很好地解決定位元素高度塌陷的問題。通過該屬性的使用,在確保代碼兼容性的前提下,我們可以更加靈活地進行CSS樣式的編寫。
這一節以及以后幾節我們將對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頁面中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>標簽實現文本內鏈接——零基礎自學網頁制作
*請認真填寫需求信息,我們會在24小時內與您取得聯系。