网页常用js代码
1、js实现div自适应高度
代码如下:
1、后退前进
2、返回
3、查看源码4、禁止查看源码
5、刷新按钮一
刷新按钮二
6、回首页按钮
7、弹出警告框
8、状态栏信息
9、背景色变换
10、打开新窗口
11、窗口最小化
12、全屏代码
name=”FullScreen” type=”BUTTON” value=”全屏显示” />
13、关闭窗口
关闭窗口
14、最大化
15、关闭输入法
16、链接按钮1
…toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable= yes,copyhistory=yes,width=790,height=520,left=0,top=0′)” name=”input”
type=”button” value=”链接按钮1″ />
链接按钮2
type=”BUTTON” value=”链接按钮2″ />
链接按钮3
17、警告框显示源代码
18、点击后按钮清空
19、打印
20、打印预览
21、另存为
22、点击自动复制
23、自动选中
24、打开源代码
25、新窗口延迟打开
onclick=”javascript:setTimeout("window.open(…https://www.wendangku.net/doc/ff8464953.html,/?)",1 0000)” type=”button” value=”新窗口延迟打开” />
26、实现选中文本框里的前一半的内容
onmouseover=”this.select();tR=document.selection.createRange();tR.moveEnd(…characte r?,-8);tR.select();” size=”30″ type=”text” value=”选中文本框里的前一半的内容” />
onmouseover=”this.selectionStart=this.value.length-4;this.selectionEnd=this.value.length ” size=”30″ type=”text” value=”选中部分内容,非IE可以用这个” />
27、点击清空文字
点击清空文字
onmouseover=”this.focus()” name=”name” size=”11″ value=”点击清空文字” />
28、等于标题(title):
29、检测IE是否脱机
30、11种刷新按钮的方法
id=”a1″ href=”自身的文件”>
31、
32、
onclick=”window.open(…i001.htm?,”,?height=300,width=300,resizable=no,location=net?);”>打开指定大小网页
33、
34、
35、
36、
37、
38、
39、
40、
41、
onclick=”window.open(document.location,"url","fullscreen")” href=”#”>42、
43、
44、
45、
onclick=”window.external.addFavorite(…https://www.wendangku.net/doc/ff8464953.html,/?,'网页特效站点…)”>加入收藏
46、
47、 strHref=window.location.href;this.style.behavior=?url(#default#homepage)?;this.setHom ePage(…https://www.wendangku.net/doc/ff8464953.html,/?);”>设为首页
48、等于标题栏:
49、
href=”javascript:void(0);”>收藏本页
51、
52、
53、滚动条在左侧,将改为
54、网页半透明
55、随机选择背景色
56、框架页中不显示滚动条:
57、防止网页被框架
58、永远都会带着框架
59、窗口自动最大化
60、打开窗口自动最大化
61、爽眼闪屏代码
62、不能被另存为
63、汉字字库调用
64、显示现在时间的脚本
65、显示最后修改时间的脚本
66、按下F12键,直接返回首页
67、端口检测
68、无法最小化的窗口
69、链接点外部css文件
70、内嵌式框架-网页中调用另外网页:
71、刷新改变窗口大小
72、JavaScript实现网页竖虚线
73、js翻页
转载声明:
高亮显示关键字的js脚本
Javascript常用代码大全 //打开模式对话框
//返回模式对话框的值 function okbtn_onclick() { var commstr=''; window.returnValue=commstr; window.close() ; } okbtn_onclick() //全屏幕打开IE 窗口 var winWidth=screen.availWidth ; var winHeight=screen.availHeight-20; window.open("main.aspx","surveyWindow","toolbar=no,wid th="+ winWidth +",height="+ winHeight +",top=0,left=0,scrollbars=yes,resizable=yes,center:yes,statu sbars=yes"); //脚本中中使用xml function initialize() { var xmlDoc var xslDoc xmlDoc = new ActiveXObject('Microsoft.XMLDOM') xmlDoc.async = false; xslDoc = new ActiveXObject('Microsoft.XMLDOM') xslDoc.async = false; xmlDoc.load("tree.xml") xslDoc.load("tree.xsl") folderTree.innerHTML = xmlDoc.documentElement.transformNode(xslDoc) } 一、验证类 1、数字验证内 1.1 整数 1.2 大于0的整数(用于传来的ID的验证) 1.3 负整数的验证 1.4 整数不能大于iMax 1.5 整数不能小于iMin 2、时间类 2.1 短时间,形如(13:04:06) 2.2 短日期,形如(2003-12-05) 2.3 长时间,形如(2003-12-05 13:04:06) 2.4 只有年和月。形如(2003-05,或者2003-5) 2.5 只有小时和分钟,形如(12:03) 3、表单类 3.1 所有的表单的值都不能为空 3.2 多行文本框的值不能为空。 3.3 多行文本框的值不能超过sMaxStrleng 3.4 多行文本框的值不能少于sMixStrleng 3.5 判断单选框是否选择。 3.6 判断复选框是否选择. 3.7 复选框的全选,多选,全不选,反选 3.8 文件上传过程中判断文件类型 4、字符类 4.1 判断字符全部由a-Z或者是A-Z的字字母组成 4.2 判断字符由字母和数字组成。 4.3 判断字符由字母和数字,下划线,点号组成.且开头的只能是下划线和字母 4.4 字符串替换函数.Replace(); 5、浏览器类 5.1 判断浏览器的类型 5.2 判断ie的版本 5.3 判断客户端的分辨率 6、结合类 6.1 email的判断。 6.2 手机号码的验证 6.3 身份证的验证 二、功能类 1、时间与相关控件类 1.1 日历 1.2 时间控件 1.3 万年历 1.4 显示动态显示时钟效果(文本,如OA中时间) 1.5 显示动态显示时钟效果(图像,像手表) 2、表单类 2.1 自动生成表单 2.2 动态添加,修改,删除下拉框中的元素 2.3 可以输入内容的下拉框 2.4 多行文本框中只能输入iMax文字。如果多输入了,自动减少到iMax个文字(多用于短信发送) 3、打印类 3.1 打印控件 4、事件类 4.1 屏蔽右键 4.2 屏蔽所有功能键 4.3 --> 和<-- F5 F11,F9,F1 4.4 屏蔽组合键ctrl+N 5、网页设计类 5.1 连续滚动的文字,图片1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: 向上一页 response.Write("") response.Write("") 向上一页 页面跳转:onclick="window.location.href='list.aspx'" P.S. 小技巧(JS引用JS): Javascript刷新页面的几种方法: 1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand('Refresh') 6 window.navigate(location) 7 location.replace(location) 8 document.URL=location.href 自动刷新页面的方法: 1.页面自动刷新:把如下代码加入
区域中 其中20指每隔20秒刷新一次页面.1.document.write( " "); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document- >html- >(head,body) 4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById( "表单中元素的ID號 ").name(或value) 6.一个小写转大写的JS: document.getElementById( "output ").value = document.getElementById( "input ").value.toUpperCase(); 7.JS中的值类型:String,Number,Boolean,Null,Object,Function 8.JS中的字符型转换成数值型:parseInt(),parseFloat() 9.JS中的数字转换成字符型:( " " 变量) 10.JS中的取字符串长度是:(length) 11.JS中的字符与字符相连接使用號. 12.JS中的比较操作符有:==等于,!=不等于, >, >=, <. <= 13.JS中声明变量使用:var来进行声明 14.JS中的判定语句结构:if(condition){}else{} 15.JS中的循环结构:for([initial expression];[condition];[upadte expression]) {inside loop} 16.循环中止的命令是:break 17.JS中的函数定义:function functionName([parameter],...){statement[s]} 18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替. 19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self 20.状態栏的设置:window.status= "字符 "; 21.弹出提示信息:window.alert( "字符 "); 22.弹出確认框:window.confirm(); 23.弹出输入提示框:window.prompt(); 24.指定当前显示链接的位置:window.location.href= "URL " 25.取出窗体中的所有表单的数量:document.forms.length 26.关闭文档的输出流:document.close(); 27.字符串追加连接符: = 28.创建一个文档元素:document.createElement(),document.createTextNode() 29.得到元素的方法:document.getElementById() 30.设置表单中所有文本型的成员的值为空: var form = window.document.forms[0] for (var i = 0; i
1、直接在前台调用javascript 函数 很简单,在head 元素之间加入script 元素,将type 元素设置为" text/javascript " 如: 复制代码代码如下:
JavaScript的内部对象: (1) Object (2) String (3) Math (4) Date (5) toString JavaScript 代码放在另一个单独的文件里,然后在网页(HTML文件)中使用“SRC= 此单独文件的路径/地址(URL)”来使用此单独文件里的JavaScript 程序代码。一般将这个单独的文件保存为扩展名为.JS 的文件: JS - 常用語句 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是: document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是: window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值: document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转大写的JS: document.getElementById("output").value=document.getElementById("input").value.toUpperCa se(); 7.JS中的值类型: String,Number,Boolean,Null,Object,Function 8.JS中的字符型转换成数值型: parseInt(),parseFloat() 9.JS中的数字转换成字符型: ("" 变量) 10.JS中的取字符串长度是: (length) 11.JS中的字符与字符相连接使用号. 12.JS中的比较操作符有: == 等于,!=不等于,>,>=,<.<= 13.JS中声明变量使用: var 来进行声明 14.JS中的判断语句结构: if(condition){}else{} 15.JS中的循环结构: for([initial expression];[condition];[upadte expression]) {inside loop} 16.循环中止的命令是: break 17.JS中的函数定义:
关于引入JavaScript不正确的描述是( a)。 A. 包含于
标记对,然后嵌入到HTML文档中(嵌入对是>) B. 9. 防止被人frame 10. 网页将不能被另存为 11. 12.删除时确认 删 除 13. 取得控件的绝对位置 //javascript //VBScript 9. 防止被人frame 10. 网页将不能被另存为 11. 12.删除时确认 删除 13. 取得控件的绝对位置 //Javascript 然后,用(注意不是openwin而是loadpop啊!)替换主页面中原有的这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。真正的pop-only-once! 写到这里弹出窗口的制作和应用技巧基本上算是完成了,俺也累坏了,一口气说了这么多,希望对正在制作网页的朋友有所帮助俺就非常欣慰了。 需要注意的是,js脚本中的的大小写最好前后保持一致。 3.一个强制弹窗代码 一个强制弹窗代码 /** * 用本程序弹出的窗口将不会被广告拦截软件拦截,但有一个缺点:你无法象对window.open 弹出的窗口那样对外观进行定制。 * 你当然也可以在使用前实例化一个ForceWindow对象: * var myWindow = new ForceWindow();Js脚本的功用 Add_global.js checkbox功能使用的类 Cookie.js 用于cookie操作主要方法 delcookie(name),getcookie(name),getcookieval(offset),setcookie(name,value) Crud.js 行row的一些操作 changeFocus(obj),设置焦点背景色,当前’trmb’.bgcolor=”#FFFFFF”,它的父元素为#099933 checkPK(),检查是不是主键P_开头的元素 createRow(pageName),deleteRow(pageName),getActionName(),getPK(),getPKNoRadio(),openW indow(targetURL),openWindowByPK(targetURL),readRow(PageName),updateRow(pageName) Date.js 弹出式日历控件的操作 Excel.jsExcel操作,有 automateExcel(id,doc),getEclment(id,doc) global.js 全局方法? addElementToForm(f1,el), 将指定的元素或元素集合el加入Form对象f1的末尾,用 changeback(),变更背景颜色,使之和父元素相同 changeto(highlightcolor),为不是表元素的元素设置背景色为父元素的背景色. checkAll(id,doc),checkbox控件中,全选所有项 checkCurInput(),检查当前元素是不是正在编辑(激活)的那个 checkForm(),检查是不是表单? checkInput(obj), 根据元素的类型,检查是否输入正确,还可以校验操作数,如某值”大于”多少checkInputs(frm),checkOne(id,doc)checkOtherItems(frm),chooseNum(id,doc),clearAll(),clearFiel d(id,doc),clearFields(fields),convertFormValueToRUL(form),deleteCookie(name,path,domain),fo cusHander(),getCheckBoxValue(id,doc),getCheckBoxValues(id,doc),getCookie(name),getElement
关键字:js验证表单大全,用JS控制表单提交 ,javascript提交表单: 目录: 1:js 字符串长度限制、判断字符长度、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字、只能输入汉字 3:js判断是否输入英文、只能输入英文 4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字 5:只能输入英文字符和数字 6: js email验证、js 判断email 、信箱/邮箱格式验证 7:js字符过滤,屏蔽关键字 8:js密码验证、判断密码 2.1: js 不为空、为空或不是对象、判断为空、判断不为空 2.2:比较两个表单项的值是否相同 2.3:表单只能为数字和"_", 2.4:表单项输入数值/长度限定 2.5:中文/英文/数字/邮件地址合法性判断 2.6:限定表单项不能输入的字符 2.7表单的自符控制 2.8:form文本域的通用校验函数 1. 长度限制
2. 只能是汉字 3." 只能是英文 9. 防止被人frame 10. 网页将不能被另存为 11. 12.删除时确认 删除 13. 取得控件的绝对位置 //javascript //VBScript 输出: George,John,Thomas,James,Adrew,Martin George,John,William,Thomas,James,Adrew,Martin例子2 在本例中我们将删除位于index 2 的元素,并添加一个新元素来替代被删除的元素: 输出: George,John,Thomas,James,Adrew,Martin George,John,William,James,Adrew,Martin例子3 在本例中我们将删除从index 2 ("Thomas") 开始的三个元素,并添加一个新元素("William") 来替代被删除的元素: