加载中...

浏览器，一个神奇的东西，我相信上网的人没有不知道的，但在我学习前端以前，我都觉得浏览器嘛，就是一个上上网的小软件，感觉很简单，是个公司都能做出来吧，至于浏览器内核，HTTP协议之类高深的东西，鬼晓得。

​

​

​

​

​#div1{width:200px;height:200px;

​background: #cd0000;

​filter:alpha(opacity:30);

​opacity:0.3;

​}

​

​

​

​

​window.on1oad=function(){

​var oDiv=document.getElementByIdx_x('div1');

​oDiv.0nmouseover=function(){

​startMove(100);

​}

var el = window.document.getElementByIdx_x('a');

    el.onclick = function (e) {

        //如果提供了事件对象，则这是一个非IE浏览器

        if (e && e.stopPropagation) {

            //因此它支持W3C的stopPropagation()方法

            e.stopPropagation();

        }

        else {

            //否则，我们需要使用IE的方式来取消事件冒泡 

            window.event.cancelBubble = true;

            return false;

        }

    }

众所周知，一个元素，动往往比静更吸引眼球；

一套操作界面，合适的动态交互反馈能给用户带来更好的操作体验；

一个H5运营宣传页，炫酷的动画特效定能助力传播和品牌打造。

HTML CSS

1.对WEB标准以及W3C的理解与认识
标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用

获得浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）的方法:

一、对于IE9+、Chrome、Firefox、Opera 以及 Safari：

•  windows.innerHeight - 浏览器窗口的内部高度

•  windows.innerWidth - 浏览器窗口的内部宽度

二、对于 Internet Explorer 8、7、6、5：

•  document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。

•  document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。

或者

Document对象的body属性对应HTML文档的

•  document.body.clientHeight

•  document.body.clientWidth

在不同浏览器都实用的 JavaScript 方案：

 var w= document.documentElement.clientWidth       || document.body.clientWidth; var h= document.documentElement.clientHeight       || document.body.clientHeight; 

          请选择你爱好:

           音乐

           登山

           游泳

           阅读

           打球

           跑步

  function validB(){ 

    var u_agent = navigator.userAgent; 

    var B_name='不是想用的主流浏览器!'; 

    if(u_agent.indexOf('Firefox')>-1){ 

        B_name='Firefox'; 

    }else if(u_agent.indexOf('Chrome')>-1){ 

        B_name='Chrome'; 

    }else if(u_agent.indexOf('MSIE')>-1&&u_agent.indexOf('Trident')>-1){ 

        B_name='IE(8-10)';  

    }

        document.write('浏览器:'+B_name+'
');

        document.write('u_agent:'+u_agent+'
'); 

  }