js實例點擊標題（js設置標題）

本文目錄一覽：

• 1、用js實現點擊一個標題A時出現隱藏層AA，在點擊標題B時出現隱藏層BB，同時關閉隱藏層AA該怎麼寫
• 2、請問怎麼用JS編寫一個點擊標題的時候標題前面有一個圖片點擊那一個標題，那個圖片就在那個標題前面
• 3、怎樣用js獲取當前頁面的標題，並寫到一個文本框中？

用js實現點擊一個標題A時出現隱藏層AA，在點擊標題B時出現隱藏層BB，同時關閉隱藏層AA該怎麼寫

用jquery實現比較省事，同一頁面可以反覆使用，要配合css設置樣式。

先引用jquery.js

function setClickTab(a, b) {

$(a + ” span:first”).addClass(“current”); //為第一個SPAN添加當前效果樣式

$(b + ” div:not(:first)”).hide(); //隱藏其它的UL

$(a + ” span”).click(function () {

$(a + ” span”).removeClass(“current”); //去掉所有SPAN的樣式

$(this).addClass(“current”);

$(b + ” div”).hide();

$(“.” + $(this).attr(“id”)).show();

});

}

div id=”tab”span id=”a”a/spanspan id=”b”b/span/div

div class=”tabCnt”

div class=”a”!–樣式名a與上面的span的id一一對應–

這是aa

/div

div class=”b”

這是bb

/div

/div

script language=”javascript”

setClickTab(“#tab”,”.tabCnt”); //jquery中如果是id則以#開頭，樣式名(class)則以.開頭,當執行到這裡時，會自動隱藏所有的層，只顯示a層。點擊span里的標題可以實現切換顯示。

/script

請問怎麼用JS編寫一個點擊標題的時候標題前面有一個圖片點擊那一個標題，那個圖片就在那個標題前面

簡單方法如下：

在標題的容器前面加一個div，div中放一圖片

點擊標題時觸發一個事件，控制div的隱藏和顯示

over….

怎樣用js獲取當前頁面的標題，並寫到一個文本框中？

思路：使用document.title獲取頁面標題，使用value屬性為文本框賦值，關鍵代碼：

document.getElementById(input_id).value=document.title;

實例演示如下：

1、HTML結構

html

head

    titleTEST/title

/head

body

    input type=”text” id=”test”/

    input type=’button’ value=’點擊按鈕獲取頁面標題’ onclick=”fun()”/

/body

2、javascript代碼

function fun(){

var title = document.title;

document.getElementById(“test”).value = title;

}

3、效果演示