博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript有用小功能总结(未完待续)
阅读量:5175 次
发布时间:2019-06-13

本文共 1705 字,大约阅读时间需要 5 分钟。

1)javascript让页面标题滚动效果

代码如下:

您好,欢迎访问我的博客 

2)屏蔽鼠标右键(for IE8&IE10,其它IE版本或浏览器有待验证)

3)回车键执行目标脚本

假如页面中有个LinkButton做的查询按钮(ID为lbtSearch),回车键实现查询,代码如下:

4)屏蔽退格键(BackSpace),for IE

代码如下:

这里我用的是tagName作元素类型筛选,也可以用type作类型筛选( event.srcElement.type == "text" || event.srcElement.type == "password" || event.srcElement.type == "textarea" )

5)背景自动变色

代码如下:

背景自动变色

背景自动变色

6)简易方法判断浏览器的类型和版本

如何判断浏览器的类型和版本?使用JavaScript的内置对象 navigator 的属性的值来判断(navigator.userAgent)。

navigator是javascript的内置对象,通常用于检测浏览器与操作系统的版本。 常用的属性有:

  • appCodeName -- 浏览器代码名的字符串表示
  • appVersion -- 浏览器版本信息的字符串表示
  • cookieEnabled -- 如果启用cookie返回true,否则返回false
  • javaEnabled -- 如果启用java返回true,否则返回false
  • platform -- 浏览器所在计算机平台的字符串表示
  • plugins -- 安装在浏览器中的插件数组
  • taintEnabled -- 如果启用了数据污点返回true,否则返回false
  • userAgent -- 用户代理头的字符串表示(就是包含浏览器版本信息等的字符串)

下面说明一段js正则表达式:

1 var str = "123123";  2 var reg = /123/;  3 alert(reg.test(str));

上述js作用是检测 str 这一个字符串中是否包含123这样的字串。

进入正题,直接上代码(ExtJs使用的就是这种方式判断的):

1 
简易方法判断浏览器的类型和版本

7)JavaScript调用客户端的可执行文件

8)js页面跳转及刷新(本页面、父页面、最外层页面)

下面为大家分享下不同页面之家的跳转问题,有需要的朋友可以参考下。

"window.location.href"、"location.href"是本页面跳转

"parent.location.href"是上一层页面跳转

"top.location.href"是最外层的页面跳转

举例说明:A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写

"window.location.href"、"location.href":D页面跳转

"parent.location.href":C页面跳转

"top.location.href":A页面跳转

注意:如果D页面中有form的话,则

<form>: form提交后D页面跳转

<form target="_blank">: form提交后弹出新页面

<form target="_parent">: form提交后C页面跳转

<form target="_top"> : form提交后A页面跳转

关于页面刷新,D页面中这样写:

"location.reload();": 本页面刷新

"parent.location.reload();": C页面刷新(当然也可用子窗口的opener对象来获得父窗口的对象:window.opener.document.location.reload();)

"top.location.reload();": A页面刷新

未完待续,慢慢补充...

转载于:https://www.cnblogs.com/Scl891004X/p/6196025.html

你可能感兴趣的文章
BZOJ 入门OJ 2006: [Noip模拟题]七天使的通讯
查看>>
linux下使用g++编译cpp工程
查看>>
JAVA详细运行过程及与平台无关性
查看>>
jsonp跨域总结
查看>>
c#设计模式之观察者模式(Observer Pattern)
查看>>
数论——质数筛法
查看>>
创建sum求多元素的和
查看>>
onchange 、oninput 区别&remove、empty
查看>>
UILabel的常见用法
查看>>
用户线程和内核线程的区别
查看>>
Java异常超详细总结
查看>>
SpringMVC11文件上传
查看>>
mysql数据库名,表名大小写问题
查看>>
js---定时器
查看>>
接口测试全流程
查看>>
如何不传入对象就获得某对象的方法---ThreadLocal类
查看>>
浅析购物车的实现
查看>>
SHCTF-2017:crackme
查看>>
进阶のJAVA8
查看>>
Maven+IDEA+testNG测试框架学习(一)
查看>>