2023年11月25日发(作者:)

⽹页javascript精华代码集

1、普通的弹出窗⼝】

是对⼀些版本低的浏览器起作⽤,在这些⽼浏览器中不会将标签中的代码作为⽂本显⽰

出来。⽤单引号和双引号都可以,只是不要混⽤。

2、经过设置后的弹出窗⼝】

参数解释:

js脚本结束

3、⽤函数控制弹出窗⼝】

下⾯是⼀个完整的代码。

.....

这⾥定义了⼀个函数openwin(),怎么调⽤呢?

⽅法⼀: 浏览器读页⾯时弹出窗⼝;

⽅法⼆: 浏览器离开页⾯时弹出窗⼝;

⽅法三:⽤链接调⽤: ⽅法四:⽤按钮调⽤:

4、同时弹出2个窗⼝】

对源代码稍微改动⼀下:

为避免弹出的2个窗⼝覆盖,⽤topleft控制⼀下弹出的位置不要相互覆盖即可。最后⽤上⾯说过

的四种⽅法调⽤即可。

注意:2个窗⼝的name(newwindowsnewwindow2)不要相同,或者⼲脆全部为空。

5、主窗⼝打开⽂件,同时弹出⼩窗⼝

如下代码加⼊主窗⼝区:

加⼊区:

open即可。

6、弹出的窗⼝之定时关闭控制】

下⾯我们再对弹出的窗⼝进⾏⼀些控制,效果就更好了。如果我们再将⼀⼩段代码加⼊弹出的页⾯(

注意是加⼊到HTML中,可不是主页⾯中,否则...),让它10秒后⾃动关闭是不是更酷了?

⾸先,将如下代码加⼊⽂件的区:

然后,再⽤ 这⼀句话代替中原有的这⼀句就可以了。(

⼀句话千万不要忘记写啊!这⼀句的作⽤是调⽤关闭窗⼝的代码,10秒钟后就⾃⾏关闭该窗⼝。)

7、在弹出窗⼝中加上⼀个关闭按钮】

关闭' onClick='()'>

8、内包含的弹出窗⼝-⼀个页⾯两个窗⼝】

通过下⾯的例⼦,你可以在⼀个页⾯内完成上⾯的效果。

打开窗⼝>

看看 ()⾥⾯的代码不就是标准的HTML吗?只要按照格式写更多的⾏即

可。千万注意多⼀个标签或少⼀个标签就会出现错误。记得⽤()结束啊。

9、弹出的窗⼝之Cookie控制】

回想⼀下,上⾯的弹出窗⼝虽然酷,但是有⼀点⼩⽑病。⽐如你将上⾯的脚本放在⼀个需要频繁经

过的页⾯⾥(例如⾸页),那么每次刷新这个页⾯,窗⼝都会弹出⼀次,是不是⾮常烦⼈?:-(

解决办法:

我们使⽤cookie来控制⼀下就可以了。⾸先,将如下代码加⼊主页⾯HTML区:

然后,⽤(注意不是openwin⽽是loadpop啊!)替换主页⾯中原有的

这⼀句即可。你可以试着刷新⼀下这个页⾯或重新进⼊该页⾯,窗⼝再也不会弹出了。真正的

Pop-Only-Once

写到这⾥弹出窗⼝的制作和应⽤技巧基本上算是完成了。

1.弹启⼀个全屏窗⼝

;

[url][/url]

2.弹启⼀个被F11化后的窗⼝

target=_blank>[url][/url]

showModalDialog()showModelessDialog()的区别,在于showModalDialog()打开模式窗⼝,

showModelessDialog()打开⽆模式窗⼝。

dialogHeight: iHeight 设置对话框窗⼝的⾼度。

dialogWidth: iWidth 设置对话框窗⼝的宽度。

dialogLeft: iXPos 设置对话框窗⼝相对于桌⾯左上⾓的left位置。

dialogTop: iYPos 设置对话框窗⼝相对于桌⾯左上⾓的top位置。

center: {yes no 1 0 } 指定是否将对话框在桌⾯上居中,默认值是“yes”

help: {yes no 1 0 } 指定对话框窗⼝中是否显⽰上下⽂敏感的帮助图标。默认值是“yes”

resizable: {yes no 1 0 } 指定是否对话框窗⼝⼤⼩可变。默认值是“no”

status: {yes no 1 0 } 指定对话框窗⼝是否显⽰状态栏。对于⾮模式对话框窗⼝,默认值是“yes”

对于模式对话框窗⼝,默认值是 “no”

⽹页经典代码

1. 将彻底屏蔽⿏标右键,⽆右键菜单

也可以⽤于⽹页中Table框架中

no

2.取消选取、防⽌复制

3.不准粘贴

4.防⽌复制

地址栏前换成⾃⼰的图标

说明:关于⽂件的制作。你可以先在FW中做⼀个图⽚,属于你⾃⼰站点⼀个⼩图标。然后在

ACD see将⽂件属性改为*.ico,然后将你做的*.ICO⽂件传到你的服务器⽬录中,然后就可以使⽤以上代

码来实现,当别⼈登陆你的站点时,地址栏⾥使⽤的就是你⾃定义的图标了。

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

说明:制作⽅法和上⾯的⼀样。只是显⽰的⽅式不同,这个是在别⼈收藏你的⽹页地址时显⽰的个性图

标。

7.关闭输⼊法

说明:这段代码是在表格提交时⽤到的。也就是在输⼊数据时不可以使⽤其他输⼊法模式。

8.永远都会带着框架

说明:为你的⽹页,这也是保护页⾯的⼀种⽅法

9.防⽌被⼈frame

10.⽹页将不能被另存为

说明:的⽤法很⼴,其中⼀条就是可以使JS⼴告失效。

11.查源⽂件

查看⽹页源代码

onclick=on = 'view-source:'+ target=_blank>[url]/

[/url]';>

脚本记录,有很⼤的⽤处哦

function get_cookie(Name) {

var search = Name + =

}

}

return returnvalue;

}

function loadpopup(){

if (get_cookie('popped')==''){

openpopup()

=popped=yes

}

}

说明:以上是JS代码,请⾃⼰加起始符和结束符

13.内框架

src:⽂件的路径,既可是HTML⽂件,也可以是⽂本、ASP

widthheight:内部框架区域的宽与⾼;

scrolling:SRC的指定的HTML⽂件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动

条;如为Auto:则⾃动出现滚动条;如为Yes,则显⽰; FrameBorder:区域边框的宽度,为了让

部框架与邻近的内容相融合,常设置为0

name:框架的名字,⽤来进⾏识别。

⽐如: 当你想⽤⽗框架控制内部框架时,可以使⽤: target=框架的名字来控制。

例⼦:

14.⾃动跳转

在源代码中的加⼊如下代码:

说明:content=3 表⽰3秒刷新到URL

15.如何改变链接的⿏标形状

只需在链接上加上这⼀代码就⾏的了

或者跟上⾯的⽤CSS写也⾏

style=cursor:hand style=cursor:crosshair

style=cursor:text style=cursor:wait

style=cursor:move style=cursor:help

style=cursor:e-resize

style=cursor:n-resize

style=cursor:nw-resize style=cursor:w-resize

style=cursor:s-resize

style=cursor:se-resize

style=cursor:sw-resize

以上代码你只需要加到连接或是页⾯的style区⾥就可以实现⿏标多样化。

16.全屏显⽰

全屏显⽰ onClick=(on,

'big', 'fullscreen=yes')>

把它放到中。

17.设为⾸页

return true;

}

// -->

代时光==>设为⾸页

18.这⾥是加⼊收藏夹的代码

拂晓雅阁')

target=_self title=拂晓雅阁>加⼊收藏夹

图⽚效果

以下代码加⼊区域

以下代码加⼊区域

(this,0) onMouseOut=makevisible(this,1) width=63 height=56> //图⽚地址请⾃⼰改

进度条

oundPosition = 0 + backgroundOffset;}

var ScrollTimer = erval(scrollBG(410), 20)

22.⽹页不会被缓存

HTMl⽹页

或者

ASP⽹页

s = -1

sAbsolute = Now() - 1

ontrol = no-cache

PHP⽹页

header(Expires: Mon, 26 Jul 1997 05:00:00 GMT;

header(Cache-Control: no-cache, must-revalidate;

header(Pragma: no-cache;

23.最⼩化、最⼤化、关闭窗⼝

[^d]/g,''))">

ENTER键可以让光标移到下⼀个输⼊框


只能是中⽂


屏蔽输⼊法


只能输⼊英⽂和数字


本文发布于:2023-11-25,感谢您对本站的认可!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:浏览器自动关闭

发布评论

评论列表(有0条评论)
    福州电脑网_福州电脑维修_福州电脑之家_福州iThome

    福州电脑网_福州电脑维修_福州电脑之家_福州iThome

    福州电脑维修网(fzithome.com)专业的电脑维修,笔记本维修,上门维修各种电脑,笔记本,平板等,快速上门.电脑知识频道内容覆盖:计算机资讯,电脑基础应用知识,各种电脑故障维修学习,电脑外设产品维修维护,病毒,软件,硬件,常识.