html如何在页面打开时让鼠标光标停留在某个表单文本框,网页制作实用技巧

网页制作实用技巧

1.让你的网页无法另存为

◆

2.让IFRAME框架内的文档的背景透明

◆

3.禁止右键：

◆

onselectstart ="return false" οnselect="document.selection.empty()"

οncοpy="document.selection.empty()" onbeforecopy="return

false"οnmοuseup="document.selection.empty()">

4.进入页面后立即自动刷新？

◆

content="120;url=http://www.wodutom.com/cn083">http://www.wodutom.com/cn083,这是你自己的网址。

5.打开窗口即最大化

◆

6.能隐藏IFRAME的滚动条吗？我知道的三种方法:

◆1. 设置iframe scrolling="no"

2. 被包含页body应用overflow:hidden

3. 被包含页的body标签加scroll="no"

7.加入背景音乐

◆(1). 只适用于IE

(2).

对Netscape ,IE 都适用

8.嵌入网页

◆

scrolling="Auto" frameborder="0">

◆跳转

◆滚动

οnmοuseοver=stop()

scrollAmount=4>

◆细线分隔线

---

◆过度方式

content="revealTrans(Duration=3,Transition=5)">

Duration的值为网页动态过渡的时间，单位为秒。

Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表：

0 盒状收缩 1 盒状放射

2 圆形收缩 3 圆形放射

4 由下往上 5 由上往下

6 从左至右 7 从右至左

8 垂直百叶窗 9 水平百叶窗

10 水平格状百叶窗 11垂直格状百叶窗

12 随意溶解 13从左右两端向中间展开

14从中间向左右两端展开 15从上下两端向中间展开

16从中间向上下两端展开 17 从右上角向左下角展开

18 从右下角向左上角展开 19 从左上角向右下角展开

20 从左下角向右上角展开 21 水平线状展开

22 垂直线状展开 23 随机产生一种过渡方式

9.如何控制横向和纵向滚动条的显隐？

◆

去掉x轴

10.怎样在 FrontPage2000 中加入 Flash 动画?

◆在 FrontPage2000 中,点击[插入]->[高级]->[插件]，在弹出的窗口中，设置一下 Flash 文件的大小及其它信息，确定即可。 加入注释的格式是：

11.怎样在网页中加入 E-mail 链接并显示预定的主题?

◆……

12.定义本网页关键字，可以在〈Head〉〈/Head〉中加入如下代码：

◆

Content 中所包含的就是关键字,你可以自行设置。

这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如：

13.IE5.0 的部分快捷键：

◆A:打开查找功能：Ctrl+F

关闭浏览器窗口：Ctrl+W

打开地址栏下拉列表框：F4

刷 新：F5

将当前Web页保存到收藏夹列表：Ctrl+D

打开当前 IE 窗口的一个拷贝：Ctrl+N

停止下载当前网页：Esc

光标迅速移动到网页的开头：Home

光标迅速移动到网页的尾部：End

打开新的地址键入窗口：Ctrl+O

打开收藏夹：Ctrl+I

打开历史记录文件夹：Ctrl+H

打开浏览器设定的默认主页：Alt+HOME

14.添加到收藏夹：

◆添加到收藏夹

15.设为首页：

◆

οnclick=this.style.behavior='url(#default#homepage)';this.setHomePage

('http://链接');>设为首页

16.定制浏览器地址栏前的小图标：

◆A:在网页的

间加入以下语句：

href="http://…/icon.ico">即可。其中 icon.ico 为 16x16 的图标文件，

颜色不要超过 16 色。

17.把滚动条放在浏览器窗口的左边

◆A:在

中加 dir=RTL，即 。

18.让背景图不滚动

◆IE浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动:

19.网页制作基本技巧

1. ◆οncοntextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键

可用于Table

2. ◆

取消选取、防止复制

3. ◆οnpaste="return false" 不准粘贴

4. ◆οncοpy="return false;" oncut="return false;" 防止复制

5. ◆ IE地址栏前换成自己的图标

6. ◆ 可以在收藏夹中显示出你的图标

7. ◆ 关闭输入法

8. ◆永远都会带着框架

if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页

// -->

9. ◆防止被人frame

if (top.location != self.location)top.location=self.location;

// -->

10. ◆网页将不能被另存为

11. ◆

οnclick="window.location = 'view-source:'+ 'http://www.51js.com/'">

12.◆删除时确认

删除

13.◆ 取得控件的绝对位置

//javascript

function getIE(e){

var t=e.offsetTop;

var l=e.offsetLeft;

while(e=e.offsetParent){

t+=e.offsetTop;

l+=e.offsetLeft;

}

alert("top="+t+"/nleft="+l);

}

//vbscript

function getIE()

dim t,l,a,b

set a=document.all.img1

t=document.all.img1.offsetTop

l=document.all.img1.offsetLeft

while a.tagName"BODY"

set a = a.offsetParent

t=t+a.offsetTop

l=l+a.offsetLeft

wend

msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"

end function

-->

14. ◆光标是停在文本框文字的最后

function cc()

{

var e = event.srcElement;

var r =e.createTextRange();

r.moveStart('character',e.value.length);

r.collapse(true);

r.select();

}

15. ◆判断上一页的来源

javascript:

document.referrer

16. ◆最小化、最大化、关闭窗口

本例适用于IE

17.◆屏蔽功能键Shift,Alt,Ctrl

function look(){

if(event.shiftKey)

alert("禁止按Shift键!"); //可以换成ALT　CTRL

}

document.οnkeydοwn=look;

18. ◆网页不会被缓存

或者

19.◆怎样让表单没有凹凸感？

或

20.◆

&的区别？

(division)用来定义大段的页面元素，会产生转行

用来定义同一行内的元素，跟

的唯一区别是不产生转行

是ns的标记，ie不支持，相当于

21.◆让弹出窗口总是在最上面:

22.◆不要滚动条?

让竖条没有:

让横条没有:

两个都去掉？更简单了

23.◆怎样去掉图片链接点击后，图片周围的虚线？

24.◆电子邮件处理提交表单

25.◆在打开的子窗口刷新父窗口的代码里如何写？

window.opener.location.reload()

26.◆如何设定打开页面的大小

打开页面的位置

27.◆在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

body

{background-image:url(logo.gif); background-repeat:no-repeat;

background-position:center;background-attachment: fixed}

28. ◆检查一段字符串是否全由数字组成

function checkNum(str){return str.match(//D/)==null}

alert(checkNum("1232142141"))

alert(checkNum("123214214a1"))

// -->

29. ◆获得一个窗口的大小

document.body.clientWidth; document.body.clientHeight

30. ◆怎么判断是否是字符

if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");

else alert("全是字符");

31.TEXTAREA自适应文字行数的多少

32. ◆日期减去天数等于第二个日期

function cc(dd,dadd)

{

//可以加上错误处理

var a = new Date(dd)

a = a.valueOf()

a = a - dadd * 24 * 60 * 60 * 1000

a = new Date(a)

alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")

}

cc("12/23/2002",2)

33. ◆选择了哪一个Radio

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

next

end function

Style

Barcode

34.◆脚本永不出错

35.◆ENTER键可以让光标移到下一个输入框

36. ◆检测某个网站的链接速度：

把如下代码加入

区域中:

tim=1

setInterval("tim++",100)

b=1

var autourl=new Array()

autourl[1]="www.njcatv.net"

autourl[2]="javacool.3322.net"

autourl[3]="www.sina.com.cn"

autourl[4]="www.nuaa.edu.cn"

autourl[5]="www.cctv.com"

function butt(){

document.write("

")

for(var i=1;i

document.write(" =》

name=url"+i+" size=40> =》

οnclick=window.open(this.form.url"+i+".value)>
")

document.write("

")

}

butt()

function auto(url){

document.forms[0]["url"+b].value=url

if(tim>200)

{document.forms[0]["txt"+b].value="链接超时"}

else

{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}

b++

}

function run(){for(var i=1;i

src=http://"+autourl+"/"+Math.random()+" width=1 height=1

οnerrοr=auto('http://";;;;+autourl+"')>")}

run()

37.◆ 各种样式的光标

auto ：标准光标

default ：标准箭头

hand ：手形光标

wait ：等待光标

text ：I形光标

vertical-text ：水平I形光标

no-drop ：不可拖动光标

not-allowed ：无效光标

help ：?帮助光标

all-scroll ：三角方向标

move ：移动标

crosshair ：十字标

e-resize

n-resize

nw-resize

w-resize

s-resize

se-resize

sw-resize

38.◆页面进入和退出的特效

进入页面

推出页面

这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使

用哪种特效，取值为1-23:

0 矩形缩小

1 矩形扩大

2 圆形缩小

3 圆形扩大

4 下到上刷新

5 上到下刷新

6 左到右刷新

7 右到左刷新

8 竖百叶窗

9 横百叶窗

10 错位横百叶窗

11 错位竖百叶窗

12 点扩散

13 左右到中间刷新

14 中间到左右刷新

15 中间到上下

16 上下到中间

17 右下到左上

18 右上到左下

19 左上到右下

20 左下到右上

21 横条

22 竖条

23 以上22种随机选择一种

39.◆在规定时间内跳转

40.◆网页是否被检索

其中属性值有以下一些:

属性值为"all": 文件将被检索，且页上链接可被查询；

属性值为"none": 文件不被检索，而且不查询页上的链接；

属性值为"index": 文件将被检索；

属性值为"follow": 查询页上的链接；

属性值为"noindex": 文件不检索，但可被查询链接；属性值为"nofollow": 文件不被检索，但可查询页上的链接。