jsp/html开发中常用的JS代码和页面特效代码

1.jsp/html开发中常用的JS代码

1、后退 前进

 

2、返回


3、查看源码


4、禁止查看源码

  

5、刷新按钮一

 

刷新按钮二


6、回首页按钮

 

7、弹出警告框

 

8、状态栏信息

 

9、背景色变换

10、打开新窗口

 

11、窗口最小化


12、全屏代码


13、关闭窗口


关闭窗口

  

14、最大化

   

15、关闭输入法


16、链接按钮1


链接按钮2


链接按钮3


17、警告框显示源代码


18、点击后按钮清空


19、打印


20、打印预览

 

21、另存为


22、点击自动复制

 

23、自动选中


24、打开源代码


25、新窗口延迟打开


26、实现选中文本框里的前一半的内容

 
 

27、点击清空文字

  

点击清空文字


28、等于标题(title):

 

29、检测IE是否脱机


30、11种刷新按钮的方法

 
 
 
 
 
 
 
 
   
 

31、 打开网页

打开

32、打开指定大小网页

打开指定大小网页

33、使用记事本编辑

使用 记事本 编辑

34、另存为

另存为

35、打印

打印 
打印

36、发送E-mail

发送E-mail

37、全选操作

全选

38、刷新

刷新1

39、刷新

刷新2

40、查看源文件

查看源文件 

41、全屏显示

全屏显示

42、internet选项

internet选项

43、单击右键将在新窗口中打开

单击右键将在新窗口中打开

44、前进与后退

前进1
前进2
后退1
后退2

45、加入收藏,点击加入收藏夹,鼠标感应设为首页

整理收藏夹
加入收藏
添加到收藏夹
点击加入收藏夹
鼠标感应收藏本站
鼠标感应设为首页

46、关闭窗口

关闭窗口
关闭窗口
3秒关闭本窗口
 
关闭本窗口

47、设为首页

设为首页

48、等于标题栏:


49、收藏本页

收藏本页
收藏本页
加入频道 

50、双击打开链接

双击打开链接

51、关闭窗口


52、链接禁止

链接禁止 

53、滚动条在左侧,

将改为

54、网页半透明


55、随机选择背景色

 

56、框架页中不显示滚动条:


57、防止网页被框架


58、永远都会带着框架


59、窗口自动最大化


60、打开窗口自动最大化


61、爽眼闪屏代码


62、不能被另存为


63、汉字字库调用


64、显示现在时间的脚本


65、显示最后修改时间的脚本

  

66、按下F12键,直接返回首页

  

67、端口检测


68、无法最小化的窗口


69、链接点外部css文件


70、内嵌式框架-网页中调用另外网页:


71、刷新改变窗口大小


72、JavaScript实现网页竖虚线


73、js翻页


2.Html开发中常用的页面特效代码

  1. 加入连接:写上你想写的字

  2. 在新窗口打开连接:写上要写的字

  3. 消除连接的下划线在新窗口打开连接:

    写上你想写的字

  4. 移动字体(走马灯):写上你想写的字

  5. 字体加粗:写上你想写的字

  6. 字体斜体:写上你想写的字

  7. 字体下划线:  写上你想写的字

  8. 字体删除线:  写上你想写的字

  9. 字体加大: 写上你想写的字

  10. 字体控制大小:

    写上你想写的字

     (其中字体大小可从h1-h5,h1最大,h5最小)

  11. 更改字体颜色:写上你想写的字(其中value值在000000与ffffff(16位进制)之间

  12. 贴音乐:

  13. 贴flash:

  14. 原始文字样式:

    正文

  15. 换背景:

  16. 固定帖子背景不随滚动条滚动:

  1. 定制背景颜色:(h1-6)
  2. 背景音乐:
  3. 贴网页:

----------------------------------------HTML特效代码--------------------------------

  1. 忽视右键:

  2. 加入背景音乐:

IE:     
    NS:      

*.mid你的背景音乐的midi格式文件

  1. 简单的window.open方法:
文字或图片
  1. 拉动页面时背景图不动 :

     
     
    

6。让浏览器在保存页面时保存失败:

7。随机替换图片


图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif

8。窗口定时关闭:

先将如下代码:

     function closeit() { setTimeout("self.close()",10000) //毫秒 }    

然后再在标内加入如:

9。网页自动关闭:

    这个窗口会在10秒过后自动关闭,而且不会出现提示.   

10。网页自动刷新:

在head部记入

其中20为20秒后自动刷新,你可以更改为任意值。

11。网页自动转页

13。返回上一页

『返回上一页』  

14。关闭窗口

『关闭窗口』 

15.oncontextmenu="window.event.returnValue=false"

将彻底屏蔽鼠标右键 :

no 可用于Table 

取消选取、防止复制  :

18.onpaste="return false" 不准粘贴

19.oncopy="return false;" oncut="return false;" 防止复制

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

   

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

22. 关闭输入法:

24. 防止被人frame:


网页将不能被另存为:


28.屏蔽功能键Shift,Alt,Ctrl:


29. 网页不会被缓存 :

       或者   

30.怎样让表单没有凹凸感?

    或 

31.不要滚动条

让竖条没有:

  

让横条没有:

   

两个都去:

去掉图片链接点击后,图片周围的虚线?

    

33.电子邮件处理提交表单

        

34.在打开的子窗口刷新父窗口的代码里如何写?

window.opener.location.reload()  

35.如何设定打开页面的大小      打开页面的位置

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

  

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

   

38. 获得一个窗口的大小

document.body.clientWidth; document.body.clientHeight  

39. 怎么判断是否是字符

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

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

     

43.脚本永不出错

     

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

 

46. 各种样式的光标

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

47. 禁止鼠标右键,把Demo的图片全都设为表格的背景,表格的大小与图片的大小一样。这样做看起来是一样的,主要是防止鼠标经过图片时会出现另存的按钮。

禁止鼠标右键:

   function click() { if (event.button==2)   {alert(呵呵,不好意思,你甭想使用右键下载图片:)); } } document.onmousedown=click 

48、在网页的Head部分加入如下代码,这段代码的主要功能是屏蔽PrintScreen键,不断清空剪贴版,防止图片被用文件——另存为菜单另存。

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种随机选择一种

40.网页是否被检索:

 

其中属性值有以下一些:

属性值为"all": 文件将被检索,且页上链接可被查询;   属性值为"none": 文件不被检索,而且不查询页上的链接; 
属性值为"index": 文件将被检索;   属性值为"follow": 查询页上的链接; 
属性值为"noindex": 文件不检索,但可被查询链接;   属性值为"nofollow": 文件不被检索,但可查询页上的链接。

在同一页面设置不同文字链接效果的样式.:

如何在同一页面设置不同文字链接效果的样式               下划线链接    

   双下划线链接     

补充说明:   a:hover 表示鼠标划过时的样式.  a:link 表示链接的样式.   a:active 表示当前活动连接的样式.   a:visited 表示已经访问过的连接的样式.

你可能感兴趣的:(技术分享)