本篇是转载的,我只是稍微重排了一下版,考虑到这篇文章对向我这样的新手是有帮助的,所以就把它发到了新手区
引用地址:
http://www.cnblogs.com/kevin-wu/archive/2006/12/20/597471.html
目录
part one
代码一
代码二
代码三
part two
代码四
代码五
代码六
Other
HTML经典笔记
CSS笔记实用代码
<!---->
代码一
1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键
<
table
border oncontextmenu
=return(false)
><
td
>
no
</
table
>
可用于Table
2.
<
body
onselectstart
="return false"
>
取消选取、防止复制
3. onpaste="return false" 不准粘贴
4. oncopy="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
=
查看网页源代码
onclick
=
"
window.location = `view-source:`+ http://www.51js.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"
onfocus
="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
=最小化
onclick
=hh1.Click()
>
<
input
type
=button
value
=最大化
onclick
=hh2.Click()
>
<
input
type
=button
value
=关闭
onclick
=hh3.Click()
>
本例适用于IE
回到目录
代码二
17.屏蔽功能键Shift,Alt,Ctrl
<
script
>
function
look(){
if
(event.shiftKey)
alert(
"
禁止按Shift键!
"
;
//
可以换成ALT CTRL
}
document.onkeydown
=
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
onblur
="this.focus();"
>
22.不要滚动条?
让竖条没有:
<
body
style
=`overflow:-Scroll;overflow-y:hidden`
>
</
body
>
让横条没有:
<
body
style
=`overflow:-Scroll;overflow-x:hidden`
>
</
body
>
两个都去掉?更简单了
<
body
scroll
="no"
>
</
body
>
23.怎样去掉图片链接点击后,图片周围的虚线?
<
a
href
="#"
onFocus
="this.blur()"
><
img
src
="logo.jpg"
border
=0
></
a
>
24.电子邮件处理提交表单
<
form
name
="form1"
method
="post"
action
="mailto***@***.com"
enctype
="text/plain"
>
<
input
type
=submit
>
</
form
>
25.在打开的子窗口刷新父窗口的代码里如何写?
window.opener.location.reload()
26.如何设定打开页面的大小
<
body
onload
="top.resizeTo(300,200);"
>
打开页面的位置
<
body
onload
="top.moveBy(300,200);"
>
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<
style
>
body
{
background-image
:
url(logo.gif)
;
background-repeat
:
no-repeat
;
background-position
:
center
;
background-attachment
:
fixed
}
</
style
>
28. 检查一段字符串是否全由数字组成
<
script
language
="javascript"
>
<!--
function
checkNum(str){
return
str.match(
//
D/)==null}
alert(checkNum(
"
1232142141
"
alert(checkNum(
"
123214214a1
"
//
--></script>
29
. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
30
. 怎么判断是否是字符
if
(
/
[
^/
x00
-/
xff]
/
g.test(s)) alert(
"
含有汉字
"
;
else
alert(
"
全是字符
"
;
31
.TEXTAREA自适应文字行数的多少
<
textarea rows
=
1
name
=
s1 cols
=
27
onpropertychange
=
"
this.style.posHeight=this.scrollHeight
"
>
</
textarea
>
32
. 日期减去天数等于第二个日期
<
script language
=
javascript
>
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
)
</
script
>
33. 选择了哪一个Radio
<
HTML
><
script
language
="vbscript"
>
function
checkme()
for
each
ob in radio1
if
ob.checked
then
window.alert ob.value
next
end function
</
script
><
BODY
>
<
INPUT
name
="radio1"
type
="radio"
value
="style"
checked
>
style
<
INPUT
name
="radio1"
type
="radio"
value
="barcode"
>
Barcode
<
INPUT
type
="button"
value
="check"
onclick
="checkme()"
>
</
BODY
></
HTML
>
34.脚本永不出错
<
SCRIPT
LANGUAGE
="javascript"
>
<!--
Hide
function
killErrors() {
return
true
;
}
window.onerror
=
killErrors;
//
-->
</
SCRIPT
>
35.ENTER键可以让光标移到下一个输入框
<
input
onkeydown
="if(event.keyCode==13)event.keyCode=9"
>
36. 检测某个网站的链接速度:
把如下代码加入
<
body
>
区域中:
<
script
language
=javascript
>
tim
=
1
setInterval(
"
tim++
"
,
100
)
b
=
1
var
autourl
=
new
Array()
autourl[
1
]
=
"
http://www.njcatv.net/
"
;
autourl[
2
]
=
"
javacool.3322.net
"
autourl[
3
]
=
"
http://www.sina.com.cn/
"
;
autourl[
4
]
=
"
http://www.nuaa.edu.cn/
"
;
autourl[
5
]
=
"
http://www.cctv.com/
"
;
function
butt(){
document.write(
"
<form name=autof>
"
for
(
var
i
=
1
;i
<
autourl.length;i
++
)
document.write(
"
<input type=text name=txt
"
+
i
+
"
size=10 value=测试中……> =》<input type=text
name=url
"
+
i
+
"
size=40> =》<input type=button value=GO &nbs
分享到:
相关推荐
根据提供的信息来看,这段文本似乎并不包含实际意义上的“商城代码”或者JavaScript代码。相反,它看起来更像是某种游戏或系统的配置文件的一部分,其中包含了各种各样的项目标识符(例如`<itemshow=30853>`)以及...
这些可能是其他特效的编号,由于没有具体的描述,我们可以推测它们可能是不同类型的JavaScript特效,比如鼠标悬停效果、滑块、下拉菜单或是其他互动元素。这些特效通常涉及到DOM操作、事件处理和CSS样式控制。 4. ...
"jQuery中文转拼音带编号代码.zip"就是一个实例,它演示了如何利用jQuery实现中文到拼音的转换,并生成相应的唯一编号。以下将详细解析这一过程。 首先,我们要理解jQuery并非内置了中文转拼音的功能。为了实现这一...
### JavaScript Web转Word文档知识点详解 #### 一、概述 在现代办公环境中,将Web页面中的数据导出为Microsoft Word文档的需求越来越普遍。利用JavaScript,我们可以实现这一功能,即通过客户端脚本直接生成或更新...
总的来说,“normat”是一个针对JavaScript开发者的实用工具,它简化了编号和字符串的格式化工作,提高了代码的可读性和一致性。对于那些频繁处理格式化问题的开发者来说,它无疑是一个值得考虑的库。
12. **ES6及以上新特性**:如箭头函数、模板字符串、类和模块等,让JavaScript编写特效代码更加简洁和规范。 学习《JavaScript网页特效范例宝典3》时,读者可以通过书中提供的示例代码实践上述知识点,逐步掌握...
10. **JS代码**:这个泛指的文件名可能包含了各种JavaScript代码片段,涵盖了不同类型的特效和功能。 总的来说,这些代码片段展示了JavaScript在网页特效和交互设计中的强大能力。它们可以帮助你创建动态、富有吸引...
2. **12_154640_a8zdJSpage0.06v20050426**、**12_154647_fc5iJSpage0.07v20050503**等文件名看起来像是版本编号,它们可能是不同时间点的分页代码版本。这些文件可能展示了分页功能的逐步改进和优化,例如错误修复...
JavaScript客户端生成的.zip文件,通常包含了开发者为了实现特定功能或应用而编写的JavaScript代码。"123 321"标签可能代表了项目编号或者是内部分类标识,但具体含义需要根据上下文来理解。在这个压缩包中,只有一...
在编写和测试 JavaScript 代码时,确实不乏非常好的选择。不管怎样,代码编辑器通常倾向于令人讨厌的功能组合,对于初学者以及仅想尝试使用 JavaScript 中的新事物的开发人员而言,并不是最佳的解决方案。 ...
- **数据类型**:JavaScript有七种数据类型,包括基本类型(Undefined、Null、Boolean、Number、BigInt、String和Symbol)和引用类型(Object)。 - **函数**:可重复使用的代码块,用于执行特定任务。 - **对象*...
根据给定的信息,本文将详细解析“播放图片的好...综上所述,这段JavaScript代码为我们提供了一个基本框架,用于实现网页上的图片循环播放及简单的交互控制。尽管存在一些不足之处,但仍然具有一定的学习和参考价值。
《JavaScript网页特效范例宝典1》是一本深入探讨JavaScript在网页特效制作中的应用的书籍。...书中每个编号的文件很可能是对应章节的实例代码,读者可以通过阅读和运行这些代码来加深理解,提高自己的JavaScript技能。
通过使用jQuery,开发者可以更高效地编写JavaScript代码,减少跨浏览器的兼容性问题。 接下来,我们要讨论的是中文转换成拼音的技术。在JavaScript中,这个过程通常涉及到Unicode编码和中文字符集,如GBK或UTF-8。...
这个“常用js大全,javascript校验大全”集合了多种常见的验证功能,确保用户输入的数据格式正确,从而提高用户体验和系统安全性。以下是一些主要的知识点: 1. **数字验证**:用于检查字符串是否全由数字组成,这...
源码目录结构按照章节编号进行划分,包含Ch01到Ch15,这意味着书籍涵盖了从基础到高级的广泛主题。让我们逐一解析这些章节可能涉及的知识点: 1. **Ch01 Code**:通常涵盖JavaScript的基础概念,如变量、数据类型...
这里的改动将图片包裹在带有`CustomImg`类的`<span>`标签中,使得图片在导出时能够保持原有的编号。 5. 保存修改后的`frame.js`文件,然后重启Typora。现在,当你导出文档时,图片编号应该会正确地出现在HTML和PDF...
- **ECMAScript 4**:该项目最终被放弃,部分成果转而用于ECMAScript 5及后续版本的发展。 - **ECMAScript 5 (2009)**:新增了“严格模式”,提供了更严格的错误检查机制,并对之前的模糊规定进行了澄清。 #### ...
比如,书籍的版权声明、ISBN编号、出版社信息、编辑和审阅者名单、印刷和出版信息,以及版权保护声明等,虽然不直接包含编程知识点,但这些都是出版行业标准信息,对于理解这本书的背景和合法使用是有帮助的。...