Word中各級標題，一鍵修正、更改級別平時你在網上找到的文章

是我期盼了好久的功能，昨天終于記得把它給加上去了。在自動排版的旁邊有三個按鈕，下一個版本將和大家見面。平時經常到網上去借鑒一些文章，但是很可能網上的文章標題標的是不正確的，當然我這里指的是各級的指標題，要拿過來修改就得手動的去修改，比較麻煩。

來試試看。在word里面點擊不坑盒子，點擊靈感之窗，可以快速打開網頁。在上面搜索一篇文章，比如六一兒童節，隨便找一篇，進來之后就能夠馬上得到了。在右側的靈感之窗中選中文字，選中之后多了一個綠色的按鈕，點擊一下文字就過來了，不用去復制也不用到瀏覽器去來回的切換。

接下來拿到文字的第一件事情就應該是進行文章的清洗，這些有很多空格，空的換行。首先刪除空白段落，然后刪除文中的空格。接下來來看一下它到底哪里有問題。

·首先這里的一級標題過了之后應該是二級標題，這個地方就成為了三級標題，而且三級標題的符號這個地方不應該是頓號，而是一個點，所以它的問題是比較多的。

·接下來該怎么辦？應該是先進行修正，也就是把這種錯誤的標題的符號修改過來。word里面所有的操作都是這樣，如果選中了一部分就只會對選中的部分生效，如果沒有選中就是對全文生效，所以這個地方進行全文的修正。

·這里修改過來了，但是它的級別是有問題的，一級標題過了之后應該是二級標題，現在變成了三級標題，所以應該修改一下它的級別。這個時候要進行選擇，然后再點擊，不然就會全文進行提及。現在點擊提及，就從三級標題變成了二級標題，這樣才是正確的。這個地方也是一樣的，是不是非常方便？

·同樣的道理，這樣降級是什么意思？相信大家應該懂得。選中之后點擊降級，一級標題變成二級標題，二級標題變為了三級標題，還可以往下再降一次，英文括號加數字就表示是四級標題，可以再還回來。

怎么樣？這樣以后在網上去接簡編的文章的時候就會方便很多了，因為網上的很多標題都是錯的。下個版本再見。

作網頁時，經常需要設置網頁的基本信息，如網頁的標題、作者等。為此，HTML提供了一系列設置網頁信息的標簽，這些標簽通常都寫在

<head>標簽內，也被稱為HTML.文檔頭部相關標簽。下面將介紹常用的HTML文檔頭部標簽中的<title>和<meta>標簽。

(1)<title>標簽

<title>標簽用于設置HTML頁面的標題，也就是為網頁取一個名稱。在網頁結構中，<title>標簽必須位于<head>標簽內。一個HTML.文檔只能含有一個<title>標簽，<title></title>標簽之間的內容將顯示在瀏覽器窗口的標題欄中。例如，將某個頁面標題設置為“輕松學習HTML.5”，示例代碼如下：

<title>輕松學習HIML.5</title>

上述代碼對應的頁面效果如下圖：

(2)<meta>標簽

<meta>標簽用于定義頁面的元信息(元信息不會顯示在最終的頁面效果中)，可重復出現在標簽中。在HTML中,<meta>標簽是一個單標簽，本身不包含任何內容，僅表示網頁的相關信息。通過標簽的屬性，可以定義頁面的相關參數。

例如，為搜索引擎提供網頁的關鍵字、作者姓名、內容描述，以及定義網頁的刷新時間等。下面介紹<meta/>標簽常用的幾組設置，具體如下。

設置網頁關鍵字，如某圖像網站的關鍵字設置，示例代碼如下：

    <meta name=“keywoxds”content=“千圖網，免費素材下載，千圖網免費素材圖庫，矢量圖，矢量圖庫，圖像素材，網頁素材，
免費素材，PS素材，網站素材，設計模板，設計素材，網頁模板免費下載，千圖，素材中國，素材，免費設計，圖像”/>

在上述示例代碼中，nare屬性的屬性值為"keywonds”，該屬性值用于定義搜索內容名稱為網頁關鍵字;content 屬性的屬性值用于定義關鍵字的具體內容，多個關鍵字內容之間可以用“，”分隔。

設置網頁描述，如某圖像網站的描述信息設置，示例代碼如下：

    <meta name=”description”content=”專注免費設計素材下裁的網站！提供矢量圖素材，矢量青景圖像，矢量圖庫，還有
psd素材，PS素材，設計模板，設計素材，PPT素材，以及網頁素材，網站素材，網頁圖標免費下載”/>

在上述示例代碼中，name屬性的屬性值為“deseription”，該屬性值用于定義搜索內容名稱為網頁描述;comtent 屬性的屬性值用于定義描述的具體內容。網頁描述的文字不必過多，能夠描述清晰即可。

設置網頁作者，如可以為網站增加作者信息，示例代碼如下：

<meta name-"author" content="網絡部"/>

在上述示例代碼中，name屬性的屬性值為”author”，該屬性值用于定義搜索內容名稱為網頁作者;content屬性的屬性值用于定義具體的作者信息。

<meta http-equiva"Content-Type" content="text/html; charset=gbk"/>

在上述示例代碼中，hitp-epuiv屬性的屬性值為“Content-Type”.content屬性的屬性值為“test/html”和“charset=gbk”，兩個屬性值之間用“：”隔開。其中，“text/html”用于說明當前文檔類型為HIML“charset=gbk”用于說明文檔字符集為GBK(中文編碼)。

目前最常用的國際化字符集編碼格式是UTF-8，常用的中文字符集編碼格式主要是GBK和GB2312。當用戶使用的字符集編碼格式與當前瀏覽器不匹配時，網頁內容就會出現亂碼。新版本的HTML.5簡化了字符集的寫法，示例代碼如下：

<meta charset="utf-g">

設置頁面自動刷新與跳轉，如定義某個頁面10秒后跳轉至百度首頁，示例代碼如下：

<meta http-equiv""refresh" content="10; url- httpa://sww.baidu.com/"/>

在上述示例代碼中，http-equiv屬性的屬性值為“refresh”，content屬性的屬性值為數值和URL。兩個屬性值之間用“：”隔開，分別用于指定跳轉時間和目標頁面的URL。跳轉時間默認以秒為單位。

OM節點獲取

var oLi = document.getElementsByTagName("li");
var oLi = document.getElementById("cssLi");
var oLi = document.getElementsByName("myInput");

操作屬性：

document.getElementById(id).attribute=new value

實例

本例改變了 <img> 元素的 src 屬性：

<!DOCTYPE html>
<html>
<body>
<img id="image" src="smiley.gif">
<script>
document.getElementById("image").src="landscape.jpg";
</script>
</body>
</html>

操作內容

修改 HTML 內容的最簡單的方法時使用 innerHTML 屬性和innerText（IE支持） outerText outerHTML

區別描述如下：

innerHTML 設置或獲取位于對象起始和結束標簽內的 HTML

outerHTML 設置或獲取對象及其內容的 HTML 形式

innerText 設置或獲取位于對象起始和結束標簽內的文本

outerText 設置(包括標簽)或獲取(不包括標簽)對象的文本

document.getElementById(id).innerHTML=new HTML

實例一

本例改變了 <p> 元素的內容：

<html>
<body>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML="New text!";
</script>
</body>
</html>

實例二：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>innerHTML、outerHTML、innerText、outerHTML之間的區別</title>
<script language="JavaScript" type="text/javascript">
　　//.innerHTML
　　function innerHTMLDemo()
　　{
　　　id1.innerHTML="<i><u>設置或獲取位于對象起始和結束標簽內的 HTML.</u></i>";
　　}
　　//.innerText
　　function innerTextDemo()
　　{
　　　id2.innerText="<i><u>設置或獲取位于對象起始和結束標簽內的文本.</u></i>";
　　}
　　//.outerHTML
　　function outerHTMLDemo()
　　{
　　　id3.outerHTML="<font size=9pt color=red><i><u>設置或獲取對象及其內容的 HTML 形式.</u></i></font>";
　　}
　　//.outerText
　　function outerTextDemo()
　　{
　　　id4.outerText="<br></br><i><u>設置(包括標簽)或獲取(不包括標簽)對象的文本.</u></i>";
　　}
　　</script>
　　</head>
　　<body>
　　<ul>
　　<li id="id1" onclick="innerHTMLDemo()">innerHTML效果.</li>
　　<li id="id2" onclick="innerTextDemo()">innerText效果.</li>
　　<li id="id3" onclick="outerHTMLDemo()">outerHTML效果.</li>
　　<li id="id4" onclick="outerTextDemo()">outerText效果.</li>
　　</ul>
　　</body>
　　</html>

簡單的說innerHTML和outerHTML、innerText與outerText的不同之處在于：

　　1)、innerHTML與outerHTML在設置對象的內容時包含的HTML會被解析，而innerText與outerText則不會。

　　2)、在設置時，innerHTML與innerText僅設置標簽內的文本，而outerHTML與outerText設置包括標簽在內外的文本(多個標簽)。

特別說明：

　　innerHTML是符合W3C標準的屬性，而innerText只適用于IE瀏覽器，因此，盡可能地去使用innerHTML，而少用innerText，

　　如果要輸出不含HTML標簽的內容，可以使用innerHTML取得包含HTML標簽的內容后，再用正則表達式去除HTML標簽，

　　下面是一個簡單的符合W3C標準的示例：

<a href="javascript：alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">無HTML,符合W3C標準</a>

操作樣式

如需改變 HTML 元素的樣式，請使用這個語法：

document.getElementById(id).style.property=new style

CSS樣式的個別屬性采用馱峰式寫法(如：backgroundColor), 且不帶橫線。

document.body.style.backgroundColor="red";

如：

<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color="blue";
</script>
document.getElementById(id).className="類名"；
document.getElementById(id).className="類名1 類名2"；
document.getElementById(id).className+=" 類名3"；//注意要留有空格

<!DOCTYPE HTML>
<html>
<head>
<title>追加CSS類別</title>
<style type="text/css">
.myUL1{
color:#0000FF;
font-family:Arial;
font-weight:bold;
}
.myUL2{
text-decoration:underline;
}
</style>
<script language="javascript">
function check(){
var oMy = document.getElementsByTagName("ul")[0];
oMy.className += " myUL2"; //追加CSS類,注意要留有空格
}
</script>
</head>
<body>
<ul onclick="check()" class="myUL1">
<li>HTML</li>
<li>JavaScript</li>
<li>CSS</li>
</ul>
</body>
</html>

注意：追加CSS類,注意要留有空格;

ul標記已經設定了.myUL1類的樣式的情況下,oMy.className = "myUL1 myUL2"不等同于oMy.className += " myUL2",

oMy.className = "myUL1 myUL2"表現形式與oMy.className = "myUL2"一樣; 因此應當采用oMy.className += " myUl2";

改變 HTML 樣式

通過 HTML DOM，您能夠訪問 HTML 元素的樣式對象。

下面的例子改變一個段落的 HTML 樣式：

如需向 HTML DOM 添加新元素，您首先必須創建該元素（元素節點），然后把它追加到已有的元素上。

<div id="d1">
<p id="p1">This is a paragraph.</p>
<p id="p2">This is another paragraph.</p>
</div>
<script>
var para=document.createElement("p");
var node=document.createTextNode("This is new.");
para.appendChild(node);
var element=document.getElementById("d1");
element.appendChild(para);
</script>

注意:經過測試證明,para.appendChild(node);調換至最后一行,運行正常

最可行的方法:添加節點的順序,由內到外(個人習慣);

在線咨詢

上一篇：HTML 框架標簽-frameset
下一篇：HTML 圖像

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

Word中各級標題，一鍵修正、更改級別 平時你在網上找到的文章

您的項目需求

Word中各級標題，一鍵修正、更改級別平時你在網上找到的文章