javascript的点击跳转之后,怎么添加样式
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript的点击跳转之后,怎么添加样式相关的知识,希望对你有一定的参考价值。
用jquery比较方便
引入jquery
$(当前链接的对象).addClass(自定义的class样式名称)
如果是对链接样式的修改,其实是没必要,点击后都跳转到其他页面了
参考技术A 在此假设点击方法为:clickAfunction 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添加一个样式