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、效果演示