网页窗口切换的Javascript脚本

申请免费试用、咨询电话：400-8352-114

    这篇文章由抚州网站建设专家来介绍一下网页窗口切换的Javascript脚本，希望对大家有所帮助。

    我们可以用Javascript的DOM方法访问link对象，再将不需要的CSS设为“禁用（disabled）”，剩下的CSS就会被浏览器用来渲染页面。脚本如下，请注意其中的注释：

<script type="text/javascript">
 function setStyle(title) {

 //预定义变量
var i, links;

 //用DOM方法获得所有的link元素
links = document.getElementsByTagName("link");

 for(i=0; links[i]; i++) {

 //判断此link元素的rel属性中是否有style关键字
//即此link元素是否为样式表link
 //同时判断此link元素是否含有title属性
if(links[i].getAttribute("rel").indexOf("style") != -1
 && links[i].getAttribute("title")) {

 //把它设为disabled
 links[i].disabled = true;

 //再判断它的title中是否有我们指定的关键字
if(links[i].getAttribute("title").indexOf(title) != -1)

 //如果有则将其激活
links[i].disabled = false;
 }
 }
 }
 </script>

    然后在合适的地方调用这个函数，以本页为例，添加如下两个按钮：
<input type="button" value="siviy" onclick="setStyle(’siviy’);" /><input type="button" value="dglaoshi" onclick="setStyle(’dglaoshi’);" />
不过为了让窗口切换更加好看，建议还是结合CSS一起来用，用CSS对网页切换窗口进行美化。

    以上就是网页窗口切换的Javascript脚本，当然这只是很小一部分理论知识，我们在建站过程中要学会灵活运用各种语言，以便达到最好的效果。