网页javascript精华代码集

721521王

721521王

2016-02-19 15:39

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享网页javascript精华代码集的教程,热爱PS的朋友们快点看过来吧!


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()

JavaScript几个表单常用的验证脚本:

     只能输入数字

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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)

event.keyCode=9" br

     屏蔽输入法

input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" br

     只能输入英文和数字

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

展开更多 50%)
分享

猜你喜欢

网页javascript精华代码集

Web开发
网页javascript精华代码集

Javascript网页恶意代码

Web开发
Javascript网页恶意代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

网页制作之Javascript代码技巧

Web开发
网页制作之Javascript代码技巧

网页制作中常用的Javascript代码

Web开发
网页制作中常用的Javascript代码

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Javascript强制设为首页的网页代码

Web开发
Javascript强制设为首页的网页代码

HelloWorld问题集精华

编程语言 网络编程
HelloWorld问题集精华

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

[JAVA100例]072、欢迎进入Applet世界

[JAVA100例]072、欢迎进入Applet世界

Win10摄像头开启或关闭的方法

Win10摄像头开启或关闭的方法
下拉加载更多内容 ↓