2023年11月25日发(作者:)
⽹页javascript精华代码集
【1、普通的弹出窗⼝】
是对⼀些版本低的浏览器起作⽤,在这些⽼浏览器中不会将标签中的代码作为⽂本显⽰
出来。⽤单引号和双引号都可以,只是不要混⽤。
【2、经过设置后的弹出窗⼝】
参数解释:
js脚本结束
【3、⽤函数控制弹出窗⼝】
下⾯是⼀个完整的代码。
.....
这⾥定义了⼀个函数openwin(),怎么调⽤呢?
⽅法⼀: 浏览器读页⾯时弹出窗⼝;
⽅法⼆: 浏览器离开页⾯时弹出窗⼝;
⽅法三:⽤链接调⽤: ⽅法四:⽤按钮调⽤:
【4、同时弹出2个窗⼝】
对源代码稍微改动⼀下:
为避免弹出的2个窗⼝覆盖,⽤top和left控制⼀下弹出的位置不要相互覆盖即可。最后⽤上⾯说过
的四种⽅法调⽤即可。
注意:2个窗⼝的name(newwindows和newwindow2)不要相同,或者⼲脆全部为空。
【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框架中 2.取消选取、防⽌复制 3.不准粘贴 4.防⽌复制 地址栏前换成⾃⼰的图标 说明:关于⽂件的制作。你可以先在FW中做⼀个图⽚,属于你⾃⼰站点⼀个⼩图标。然后在 ACD see将⽂件属性改为*.ico,然后将你做的*.ICO⽂件传到你的服务器⽬录中,然后就可以使⽤以上代 码来实现,当别⼈登陆你的站点时,地址栏⾥使⽤的就是你⾃定义的图标了。 6.可以在收藏夹中显⽰出你的图标 说明:制作⽅法和上⾯的⼀样。只是显⽰的⽅式不同,这个是在别⼈收藏你的⽹页地址时显⽰的个性图 标。 7.关闭输⼊法 说明:这段代码是在表格提交时⽤到的。也就是在输⼊数据时不可以使⽤其他输⼊法模式。 8.永远都会带着框架 说明:为你的⽹页,这也是保护页⾯的⼀种⽅法 9.防⽌被⼈frame 10.⽹页将不能被另存为 说明: 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.内框架使⽤ Iframe标记的使⽤格式是: src:⽂件的路径,既可是HTML⽂件,也可以是⽂本、ASP等 width、height:内部框架区域的宽与⾼; 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键可以让光标移到下⼀个输⼊框 只能是中⽂ 屏蔽输⼊法 只能输⼊英⽂和数字 no
发布评论