网页设计中常用的37个javascript代码

最新推荐文章于 2024-08-31 14:46:55 发布
最新推荐文章于 2024-08-31 14:46:55 发布
阅读量1.6k 收藏 10
点赞数 3
分类专栏： javascript 文章标签： javascript

给大家一些在做网页中常用到的小代码，收藏一下以备下次使用。

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

<table border οncοntextmenu=return(false)><td>no</table> 可用于Table  

2、<body onselectstart="return false"> 取消选取、防止复制

3、οnpaste="return false" 不准粘贴

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

5、<link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标 

6、<link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

7、<input style="ime-mode:disabled"> 关闭输入法

8、永远都会带着框架 

以下为引用的内容：

<script language="JavaScript"><!--

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

// --></script> 

9、防止被人frame

以下为引用的内容：

<SCRIPT LANGUAGE=JAVASCRIPT><!-- 

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

// --></SCRIPT>

 10、网页将不能被另存为

<noscript><iframe src=*.html></iframe></noscript> 

11、<input type=button value=查看网页源代码

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

12、删除时确认 

<a href='javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"'>删除</a>

13、取得控件的绝对位置

以下为引用的内容：

//Javascript

<script language="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);

}

</script>


//VBScript

<script language="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

--></script>

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

以下为引用的内容：<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" οnfοcus="cc()"> 15、判断上一页的来源 javascript:document.referrer 

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

以下为引用的内容：

<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 

<param name="Command" value="Minimize"></object>

<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 

<param name="Command" value="Maximize"></object>

<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">

<PARAM NAME="Command" VALUE="Close"></OBJECT> 

<input type=button value=最小化 οnclick=hh1.Click()>

<input type=button value=最大化 οnclick=hh2.Click()>

<input type=button value=关闭 οnclick=hh3.Click()> 本例适用于IE

17、屏蔽功能键Shift,Alt,Ctrl 

以下为引用的内容：

<script>

function look(){ 

if(event.shiftKey) 

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

} 

document.οnkeydοwn=look; 

</script> 

]18、网页不会被缓存 

以下为引用的内容：

<META HTTP-EQUIV="pragma" CONTENT="no-cache">

<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">

<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> 或者<META HTTP-EQUIV="expires" CONTENT="0">

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

<input type=text style="border:1 solid #000000">

<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom: 1 solid #000000"></textarea>


20、<div><span>&<layer>的区别？

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

<span>用来定义同一行内的元素，跟<div>的唯一区别是不产生转行

<layer>是ns的标记，ie不支持，相当于<div>

21、让弹出窗口总是在最上面：

<body οnblur="this.focus();"> 

22、不要滚动条？ 

让竖条没有：

以下为引用的内容：

<body style='overflow:scroll;overflow-y:hidden'>

</body>  

让横条没有：

以下为引用的内容：

<body style='overflow:scroll;overflow-x:hidden'> 

</body> 两个都去掉？更简单了

以下为引用的内容：

<body scroll="no"> 

</body>

cgnine
关注
专栏目录
网页制作常用JS代码
06-21
网页制作常用JS代码。。
【网页设计】HTML做一个属于我的音乐页面（纯html代码）
08-10
可以通过浏览器自带的开发者工具来调试CSS和JavaScript代码。 - **性能优化**：优化网页加载速度，减少HTTP请求次数，压缩图片和代码等，提高网页的整体性能。 - **交互体验**：确保网页的所有交互功能都能正常工作...
一些IE特有的JS方法
smartview的专栏
02-23 1708
脚本说明：    把如下代码加入区域中:    后退 前进            返回           查看源码           禁止查看源码           刷新按钮一        function ReloadButton(){location.href="i001.htm";}       刷新按钮二           回首页按钮        function HomeBu
JavaScript在网页设计
最新发布
shiming8879的博客
08-31 1633
JavaScript在网页设计中扮演着至关重要的角色，它不仅能够增强网页的交互性，还能为用户提供更加丰富的体验。以下将详细介绍几个典型的JavaScript网页设计案例，每个案例都将从功能描述、实现思路、代码示例等方面进行阐述。
73种网页常用js代码
一路向前的博客
01-14 3415
1、后退前进 &lt;input type="button" value="后退" onClick="history.go(-1)"&gt; &lt;input type="button" value="前进" onClick="history.go( 1 );return true;"&gt;     2、返回 &lt;form&amp
常用JS网页广告代码
weixin_34313182的博客
03-25 126
整理了几个常用的网页广告代码： ①　演示　下载 ②　演示　下载 ③　演示　下载 ④　演示　下载 ⑤　演示　下载 ⑥　演示　下载 ⑦　演示　下载 ⑧　演示　下载 ⑨　演示　下载 ⑩　演示　下载 ...
网页常用JS代码
anwebDesigner的博客
07-12 517
var d=new Date(); var monthname=new Array("1","2","3","4","5","6","7","8","9","10","11","12"); var dayname=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); var TODAY = d.getFullYear() + "年" +
网页设计常用Javascript经典代码
01-20
这些经典的JavaScript代码片段在网页设计中非常实用，能帮助开发者快速实现各种交互功能。不过，随着Web技术的发展，现在更多的交互功能已经由更高级的框架如React、Vue或Angular来实现，但这些基础的JavaScript技巧...
学校网页设计成品 基于HTML+CSS+JavaScript仿山东财经大学官网 学校班级网页制作模板 校园网页设计成品
08-10
本项目主要围绕HTML5、CSS3及JavaScript三大前端开发技术构建，旨在通过一系列具体的网页设计实例，帮助学生理解和掌握基本的网页制作技能。项目不仅覆盖了网页的基本结构搭建，还深入到了样式设计、交互功能实现等...
网上花店网页代码 html静态花店网页设计制作 dw静态鲜花网页成品模板素材网页 web前端网页设计与制作 div静态网页设计
08-10
- 多个主题的网页设计模板，每个模板都有其独特的设计风格。 - 简单易懂的代码结构，方便学习者理解和修改。 - 一些高级功能的实现，如鼠标滑过特效、表单验证、视频和音频元素的插入等。 ### 知识点二：网页...
学生网页设计作业源码(HTML+CSS)——海贼王6页代码质量好
08-10
例如，在头部导航栏的代码中，使用了`<div>`元素来定义区块，并通过内部类(`class`)和ID(`id`)属性来标识特定元素，便于CSS样式和JavaScript脚本的引用。 ```html <a href="#"><img src="images/logo.png" class=...
73种网页设计最常用到的js代码
06-12
73种网页常用js代码. 比如： 1、后退 前进 <input type="button" value="后退" onClick="history.go(-1)"> <input type="button" value="前进" onClick="history.go( 1 );return true;"> 2、返回 <form><input type="button" value="返回上一步" onClick="history.back(-1)"></form> 3、查看源码 <input type="button" name="view" value="查看源码" onClick="window.location="view-source:" +window.location.href"> 4、禁止查看源码 <body oncontextmenu="return false"></body> 5、刷新按钮一 <input type="button" value="刷新按钮一" onClick="ReloadButton()"> <script>function ReloadButton(){location.href="i001.htm";}</script> 刷新按钮二 <input type="button" value="刷新按钮二" onClick="history.go(0)"> 6、回首页按钮 <input type="button" value="首页" onClick="HomeButton()"> <script>function HomeButton(){location.href=http://www.winliuxq.com;}</script> 7、弹出警告框 <input type="button" value="弹出警告框" onClick="AlertButton()"> <script>function AlertButton(){window.alert("要多多光临呀！");}</script> 8、状态栏信息 <input type="button" value="状态栏信息" onClick="StatusButton()"> <script>function StatusButton(){window.status="要多多光临呀！";}</script> 9、背景色变换 <form><input type="button" value="背景色变换" onClick="BgButton()"></form> <script>function BgButton(){ if (document.bgColor=='#00ffff') {document.bgColor='#ffffff';} else{document.bgColor='#00ffff';} } </script> 10、打开新窗口 <input type="button" value="打开新窗口" onClick="NewWindow()"> <script>function NewWindow(){window.open("c01.htm","","height=240,width=340,status=no,location=no,toolbar=no,directories=no,menubar=no");} </script> 11、窗口最小化 <OBJECT id="min" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><PARAM name="Command" value="Minimize"></OBJECT><button onClick="min.Click()">窗口最小化</button> 12、全屏代码 <input type="BUTTON" name="FullScreen" value="全屏显示" onClick="window.open(document.location, 'butong_net', 'fullscreen')"> 13、关闭窗口 <OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><param name="Command" value="Close"></object><input type="button" value="关闭窗口" onClick="closes.Click();"> 关闭窗口 <input type=button value=关闭窗口 onClick="javascript:self.close()"> 14、最大化 <object id=big classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> <param name="Command" value="Maximize"></object><input type=button value=最大化 onClick=big.Click()> 15、关闭输入法 <input style="ime-mode:disabled" value=关闭输入法> 。。。。。。
js网页设计案例
02-04
js详细的网页设计案列，各种网页效果，页面搜索，游戏，鼠标特效等
javascript 常用代码大全
08-12
一、验证类 1、数字验证内 1.1 整数 1.2 大于0的整数 （用于传来的id的验证) 1.3 负整数的验证 1.4 整数不能大于imax 1.5 整数不能小于imin 2、时间类 2.1 短时间，形如 (13:04:06) 2.2 短日期，形如 (2003-12-05) 2.3 长时间，形如 (2003-12-05 13:04:06) 2.4 只有年和月。形如(2003-05,或者2003-5) 2.5 只有小时和分钟,形如(12:03) 3、表单类 3.1 所有的表单的值都不能为空 3.2 多行文本框的值不能为空。 3.3 多行文本框的值不能超过smaxstrleng 3.4 多行文本框的值不能少于smixstrleng 3.5 判断单选框是否选择。 3.6 判断复选框是否选择. 3.7 复选框的全选，多选，全不选，反选 3.8 文件上传过程中判断文件类型 4、字符类 4.1 判断字符全部由a-z或者是a-z的字字母组成 4.2 判断字符由字母和数字组成。 4.3 判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母 4.4 字符串替换函数.replace(); 5、浏览器类 5.1 判断浏览器的类型 5.2 判断ie的版本 5.3 判断客户端的分辨率 6、结合类 6.1 email的判断。 6.2 手机号码的验证 6.3 身份证的验证 二、功能类 1、时间与相关控件类 1.1 日历 1.2 时间控件 1.3 万年历 1.4 显示动态显示时钟效果（文本，如oa中时间） 1.5 显示动态显示时钟效果 (图像，像手表) 2、表单类 2.1 自动生成表单 2.2 动态添加，修改，删除下拉框中的元素 2.3 可以输入内容的下拉框 2.4 多行文本框中只能输入imax文字。如果多输入了，自动减少到imax个文字（多用于短信发送) 3、打印类 3.1 打印控件 4、事件类 4.1 屏蔽右键 4.2 屏蔽所有功能键 4.3 --> 和<-- f5 f11,f9,f1 4.4 屏蔽组合键ctrl+n 5、网页设计类 5.1 连续滚动的文字，图片（注意是连续的，两段文字和图片中没有空白出现） 5.2 html编辑控件类 5.3 颜色选取框控件 5.4 下拉菜单 5.5 两层或多层次的下拉菜单 5.6 仿ie菜单的按钮。（效果如rongshuxa.com的导航栏目) 5.7 状态栏，title栏的动态效果（例子很多，可以研究一下） 5.8 双击后，网页自动滚屏 6、树型结构。 6.1 asp+sql版 6.2 asp+xml+sql版 6.3 java+sql或者java+sql+xml 7、无边框效果的制作 8、连动下拉框技术 9、文本排序 10，画图类，含饼、柱、矢量贝滋曲线 11，操纵客户端注册表类 12，div层相关（拖拽、显示、隐藏、移动、增加） 13，tablae相关(客户端动态增加行列，模拟进度条，滚动列表等) 14，各种相关类，如播放器，flash与脚本互动等 16, 刷新/模拟无刷新 异步调用类（xmlhttp或iframe,frame）
JavaScript网页设计300例
03-30
(这是另一个的修正版)300个javascript 综合实例子, 右键查看源代码. 基本上该有的都有了.
常用js源码
helloyesyes
04-01 356
网络上收集到的一些经常用的JS代码,如整理收藏夹，前进，后退，打印，关闭本页等JS代码。 1、整理收藏夹&lt;a href="#" onClick=window.external.showBrowserUI("OrganizeFavorites",null)&gt;整理收藏夹&lt;/a&gt; &lt;SPAN onClick="window.external.addFavorite('ht...
javascript实用代码大全
阳光灿烂的日子
06-14 979
javascript实用代码大全
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值