网页javascript精华代码集

2016-02-19 15:39 4 1 收藏

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享网页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脚本结束

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


  下面是一个完整的代码。
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几个表单常用的验证脚本:

     只能输入数字

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

     只能输入英文和数字

(本文来源于图老师网站,更多请访问https://www.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

来源:https://www.tulaoshi.com/n/20160219/1610111.html

延伸阅读
标签: Web开发
本节稍稍深入地讨论关于事件处理的话题,如果你对模式、闭包和面向对象等概念还不太理解,不妨暂且等阅读完相关内容之后再回过头来阅读它,相信你会有很大收获。 1 事件处理模式        在程序设计领域,“事件处理”是一种模式,当一个对象受外部影响而改变状态时,通过消息的方式将这个状态改变...
标签: Web开发
JavaScript基本数据结构 JavaScript提供脚本语言的编程与C++非常相似,它只是去掉了C语言中有关指针等容易产生的错误,并提供了功能强大的类库。对于已经具备C++或C语言的人来说,学习JavaScript脚本语言是一件非常轻松愉快的事。 一、JavaScript代码的加入 JavaScript的脚本包括在HTML中,它成为HTML文档的一部分。与HTML标识...
标签: Web开发
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" html head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / titleJavaScript版代码高亮/title link href="style.css" rel="stylesheet" type="text/css" / /head body div class="menu_head"JavaScript版代码高亮显示/div div class="content" script l...
标签: Web开发
JavaScript提供脚本语言的编程与C++非常相似,它只是去掉了C语言中有关指针等容易产生的错误,并提供了功能强大的类库。对于已经具备C++或C语言的人来说,学习JavaScript脚本语言是一件非常轻松愉快的事。我们可以通过一个例子,编写第一个JavaScript程序。通过它可说明JavaScript的脚本是怎样被嵌入到HTML文档中的。JavaScript的脚本包...
标签: Web开发
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 还可以这样写   [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

经验教程

784

收藏

29
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部