图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享网页javascript精华代码集的教程,热爱PS的朋友们快点看过来吧!
【 tulaoshi.com - Web开发 】
SCRIPT LANGUAGE=javascript
!--
window.open (''page.html'')
--
/SCRIPT
!-- 和 --是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示
出来。用单引号和双引号都可以,只是不要混用。
SCRIPT LANGUAGE=javascript
!--
window.open (''page.html'', ''newwindow'', ''height=100, width=400, top=0, left=0, toolbar=no,
menubar=no, scrollbars=no, resizable=no,location=no, status=no'')
//写成一行
--
/SCRIPT
参数解释:
SCRIPT LANGUAGE=javascript js脚本开始;
window.open 弹出新窗口的命令;
''page.html'' 弹出窗口的文件名;
''newwindow'' 弹出窗口的名字,非必须,可用空''''代替;
height=100 窗口高度;
width=400 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
/SCRIPT js脚本结束
下面是一个完整的代码。
html
head
script LANGUAGE=javascript
!--
function openwin() {
window.open (page.html, newwindow, height=100, width=400, toolbar=no, menubar=no,
scrollbars=no, resizable=no, location=no, status=no)
//写成一行
}
//--
/script
/head
body onload=openwin()
.....
/body
/html
这里定义了一个函数openwin(),怎么调用呢?
方法一:body onload=openwin() 浏览器读页面时弹出窗口;
方法二:body onunload=openwin() 浏览器离开页面时弹出窗口;
方法三:用链接调用: 方法四:用按钮调用:
对源代码稍微改动一下:
script LANGUAGE=javascript
!--
function openwin() {
window.open (page.html, newwindow, height=100, width=100, top=0, left=0,toolbar=no,
menubar=no, scrollbars=no, resizable=no, location=no, status=no)
//写成一行
window.open (page2.html, newwindow2, height=100, width=100, top=100, left=100,toolbar=no,
menubar=no, scrollbars=no, resizable=no, location=no, status=no)
//写成一行
}
//--
/script
为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过
的四种方法调用即可。
注意:2个窗口的name(newwindows和newwindow2)不要相同,或者干脆全部为空。
如下代码加入主窗口head区:
script language=javascript
!--
function openwin() {
window.open(page.html,,width=200,height=200)
}
//--
/script
加入body区:
a
document.referrer
25.光标是停在文本框文字的最后
script language=javascript
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart(''character'',e.value.length);
r.collapse(true);
r.select();
}
/script
input type=text name=text1 value=123 onfocus=cc()
只能输入数字
input onkeyup="value=value.replace(/[^d]/g,'''') "
onbeforepaste="clipboardData.setData(''text'',clipboardData.getData(''text'').replace(/
[^d]/g,''''))"
ENTER键可以让光标移到下一个输入框
input onkeydown="if(event.keyCode==13)event.keyCode=9" br
只能是中文
input onkeyup="value=value.replace(/[ -~]/g,'''')" onkeydown="if(event.keyCode==13)
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)event.keyCode=9" br
屏蔽输入法
input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" br
只能输入英文和数字
input onkeyup="value=value.replace(/[W]/g,'''') "
onbeforepaste="clipboardData.setData(''text'',clipboardData.getData(''text'').replace(/
[^d]/g,''''))"
onkeydown="if(event.keyCode==13)event.keyCode=9" br
只能显示,不能修改
input readonly value="只能显示,不能修改"
禁止复制选择等................
script language="JavaScript" type="text/JavaScript"
双击鼠标滚动屏幕的代码
var currentpos,timer;
function initialize()
{
timer=setInterval ("scrollwindow ()",30);
}
function sc()
{
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos !=document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
来源:http://www.tulaoshi.com/n/20160219/1610111.html
看过《网页javascript精华代码集》的人还看了以下文章 更多>>