javascript的点击跳转之后,怎么添加样式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript的点击跳转之后,怎么添加样式相关的知识,希望对你有一定的参考价值。

用jquery比较方便

    引入jquery

    $(当前链接的对象).addClass(自定义的class样式名称)

如果是对链接样式的修改,其实是没必要,点击后都跳转到其他页面了

参考技术A 在此假设点击方法为:clickA
function clickA()
//CSS样式所在的标签 id 为 cid

var b = $('#cid').hasClass('css_old');

if(b)
$('#cid').removeClass('css_old');
$('#cid').addClass('css_new');


怎么用JS获取某一个指定页面(非本页面)的HTML代码?

怎么用JS获取某一个指定页面(非本页面)的HTML代码?
比如我在js里面输入一个网页 然后获取该网页的代码。

1、在浏览器中打开要调试的网页,然后点击”F12 Developer Tools“,也可以使用快捷键F12。

2、弹出的工具窗口中,默认选择是Dom Explorer功能,它会列出网页的源代码和CSS样式列表。

3、使用元素定位功能选择页面中的一个元素,也会定位到源代码中位置。

4、对定位到的文字修改CSS样式,添加inline style,比如把字体变为红色。

5、查看元素已经应用的CSS样式,点击"computed"菜单。

6、然后查看元素的布局信息,点击"Layout"菜单。

参考技术A

用ajax。

引入jquery的话,

$("button").click(function()
   $("div").load('test.html');
);

如果你要获取这个页面某个id或者类的html还可以这么写

$("button").click(function()
   $("div").load('test.html #container');
);

 这个可以直接把新页面的html元素加载到指定的div或者别的元素里面。

如果你要纯代码的话,那再获取这个div的html就可以了。

$("div").html();

本回答被提问者采纳
参考技术B 这就涉及到js跨域的问题了,是不行的,但是通过嵌套iframe 可以获取另一个页面的东西
<script type="text/javascript">
$(function ()
document.getElementById("ifm").src ="";//Url地址
$("#ifm").load(function ()
var h = document.body.clientHeight;
var w = document.body.clientWidth;
document.getElementById("ifm").height = h + "px";
document.getElementById("ifm").width = w + "px";

);
)
</script>
<body style="overflow-y:hidden;overflow-x:hidden">
<div id="pageone" style="">
<iframe name="ifm" id="ifm" scrolling="yes" style="background-color: transparent;" marginwidth="0" marginheight="0" frameborder="0">
</iframe>
</div>
</body>
参考技术C 你可以尝试在iframe里加载该页面(想不想显示出来随意),然后都document.getElementById获取iframe,进而可以获取iframe的innerHTML追问

那不是返回 之间的东西 不是返回我iframe里面加载页面的HTML代码啊

参考技术D 你想要这样的工具吗?有现成的:http://tool.chinaz.com/Tools/PageCode.aspx

以上是关于javascript的点击跳转之后,怎么添加样式的主要内容,如果未能解决你的问题,请参考以下文章

a标签点击跳转页面后怎么给当前点击的a标签用jquery添加一个样式

导航菜单点击跳转后如何改变其样式

如何让我点击了alert的确定之后,再跳转页面

如何用js添加点击事件,点击后跳转到指定动态页面

vue点击tab跳转页面,给点击的tab添加样式,且解决刷新以后点击的tab样式消失问题

点击链接跳转QQ跳转到聊天界面添加好友的方法