标签归档:js技巧

javascript如何根据不同的条件为html网页加载不同的css样式文件呢?


摘要:
下文讲述css样式表加载的相关技巧分享,如下所示;

css样式表是我们将css样式归集到一个文件,方便后续维护和重用而产生的一个文件,
那么如何使用javascript使html根据不同的条件加载不同的css文件呢?
下文将一一道来,如下所示:

 实现思路:
     1.在引入css文件时,为link标签定义相应的标签id
   <link rel="stylesheet" type="text/css" 
      href="maomao1.css" id="cssImportMain" >

     2.使用js脚本,根据不同的条件对引入不同的css文件
     <script>

     function changeCss(x){
     var c=document.getElementById("cssImportMain");
     if (x==1)
     c.setAttribute("href","maomao1.css");
    if (x==2)
     c.setAttribute("href","maomao2.css");
     if (x==3)
     c.setAttribute("href","maomao3.css");
       }     

     </script> 

    3.在html上绑定相应的切换事件
      css样式为maomao1
      css样式为maomao2
      css样式为maomao3 

javascript中Null和Undefined之间有哪些区别呢?


摘要:
下文讲述javascript中null同undefined之间的不同之处,如下所示;


Undefined,Null简介:
Undefined类型:中只存在一个值即为:undefined
用于表示:当一个变量定义了,未初始化,即其默认值为undefined

Null类型:中只存在一个值即为:null
用于表示:不存在对象时,或找不到对象时
例:
document.getElementById(“txta”)
当不存在txta这个对象时,则输出null


Null同Undefined示例说明

var a;
  alert(a == undefined); //输出 "true"

 alert(null == document.getElementById('txta')); 
 当页面上不存在txta id时,则输出true


alert(typeof undefined); //输出 "undefined"  
alert(typeof null); //输出 "object"  


Null同Undefined不同之处

1.两者在html中所表示的用途不一样
2.两者类型完全不一样

javascript 中location.assign()同location.replace()之间有哪些区别呢?


摘要:
下文讲述javascript中assign同replace之间有哪些不同之处,如下所示;


window.location.assign(url)

为当前html文档加载新的html文档,
此处操作相当于跳转到一个新的页面,然后可以通过“后退”操作返回上一个页面


window.location.replace(url)

使用此方法可以加载指定文档至当前文档,
此方法用于替换当前文档内容,不是一个转向,所以无法通过“回退”返回上一个页面