首页 > 编程知识 正文

js实例点击标题(js设置标题)

时间:2023-12-19 00:42:52 阅读:317516 作者:JLVB

本文目录一览:

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

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。