设为首页和收缩左边栏效果

最新推荐文章于 2024-01-08 18:32:00 发布

存在信号

最新推荐文章于 2024-01-08 18:32:00 发布

阅读量530

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/a296007576/article/details/26965331

javascript 专栏收录该内容

10 篇文章

订阅专栏

本文深入探讨了HTML中大于、小于符号的转义、body元素的边距属性、oncontextmenu事件、事件源属性、添加收藏夹、光标样式、设为首页、文档与body内容的控制、浏览器检测等关键概念与应用实例。

大于，小于，双引号转义符：
&lt     <
&gt     >
&quot   "

body相对于浏览器边框间距属性：
参数leftmargin=20 表示与浏览器左部距离为20
参数topmargin=30 表示与浏览器顶部距离为30
参数marginwidth=100 表示与左右边边界为100
参数marginheight=50 表示与上下边边界为50

oncontextmenu：
oncontextmenu 在用户使用鼠标右键单击客户区打开上下文菜单时触发。
oncontextmenu="return false" 禁用右键菜单，加在body中

document.oncontextmenu=函数名;//在用户使用鼠标右键单击时触发
与document.onkeydown=函数名;//在用户按下一个键盘按键时发生

event.srcElement.value ：
event.srcElement从字面上可以看出来有以下关键字：事件,源他的意思就是：
当前事件的源，我们可以调用他的各种属性就像:document.getElementById("")这样的功能，
经常有人问 firefox 下的 event.srcElement 怎么用，在此详细说明：
IE下,event对象有srcElement属性,但是没有target属性;Firefox下,event对象有target属性,
但是没有srcElement属性.但他们的作用是相当的，
即： firefox 下的 event.target = IE 下的 event.srcElement

event.keyCode //表示键盘的ASCII码

添加收藏夹：
javascript:window.external.addFavorite（'url',"网页名称"）; 代码的意思添加收藏夹

光标移上显示小手：
style="cursor:hand"

设为首页：
this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.taobao.com');

同一窗口显示document.write();和body内容：
<SCRIPT>函数名()</SCRIPT>放<body>中时：打开网页时触发，中间只能为“函数名()”控制函数输出的类容的位置
如果不用该方法，函数输出的内容会在一个新的窗口显示

判断浏览器类型：
var sAgent = navigator.userAgent.toLowerCase();
                //Navigator 是HTML DOM中的内置对象，它包含有关浏览器的信息。userAgent是Navigator 的属性方法，
可返回由客户机发送服务器的 user-agent 头部的值。作用其实就是返回当前用户所使用的是什么浏览器
  //使用navigator.userAgent来判断浏览器类型,toLowerCase();浏览器名称转化为小写 .
  //toLowerCase 方法返回一个字符串，该字符串中的字母被转换为小写字母.

  this.isIE = (sAgent.indexOf("msie")!=-1);   //IE6.0-7浏览器
  this.isFF = (sAgent.indexOf("firefox")!=-1); //firefox浏览器
  this.isSa = (sAgent.indexOf("safari")!=-1); //safari浏览器
  this.isOp = (sAgent.indexOf("opera")!=-1); //opera浏览器
  this.isNN = (sAgent.indexOf("netscape")!=-1);   //netscape浏览器
  this.isMa =(sAgent.indexOf("maxthon")!=-1); //maxthon浏览器
  this.isOther = (!this.isIE && !this.isFF && !this.isSa && !this.isOp && !this.isNN && !this.isSa); //未知的浏览器
     //所有浏览器的内核不一样 this.它会判断不同的内核

    if(this.isIE)
    document.write("\nIE浏览器");
    if(this.isFF)
    document.write("\nfirefox浏览器");
    if(this.isSa)
    document.write("\nsafari浏览器");
    if(this.isOp)
    document.write("\nopera浏览器");
    if(this.isNN)
    document.write("\nnetscape浏览器");
    if(this.isMa)
    document.write("\nMaxthon浏览器");
    if(this.isOther)
    document.write("\n您的浏览器未知");
      }

另一类判断浏览器类型的例子：

使用navigator.userAgent来判断浏览器类型。
1、浏览器版本号函数：

Js代码

var br=navigator.userAgent.toLowerCase();
var browserVer=(br.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '0'])[1];

<span style="font-size:18px;">var br=navigator.userAgent.toLowerCase();
var browserVer=(br.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '0'])[1];
</span>

2、js浏览器判断函数

Js代码

function userBrowser(){
var browserName=navigator.userAgent.toLowerCase();
if(/msie/i.test(browserName) && !/opera/.test(browserName)){
alert("IE");
return ;
}else if(/firefox/i.test(browserName)){
alert("Firefox");
return ;
}else if(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)){
alert("Chrome");
return ;
}else if(/opera/i.test(browserName)){
alert("Opera");
return ;
}else if(/webkit/i.test(browserName) &&!(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName))){
alert("Safari");
return ;
}else{
alert("unKnow");
}
}