zoukankan
html css js c++ java
常用网页效果
1
.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<
STYLE
>
body
{background
-
image:url(logo.gif); background
-
repeat:no
-
repeat;
background
-
position:center;background
-
attachment:
fixed
}
</
STYLE
>
2
.在打开的子窗口刷新父窗口的代码里如何写?
window.opener.location.reload()
3
. oncontextmenu
=
"
window.event.returnValue=false
"
将彻底屏蔽鼠标右键
<
table border oncontextmenu
=
return
(
false
)
><
td
>
no
</
table
>
可用于Table
4
.
<
body onselectstart
=
"
return false
"
>
取消选取、防止复制
5
. onpaste
=
"
return false
"
不准粘贴
6
. oncopy
=
"
return false;
"
oncut
=
"
return false;
"
防止复制
7
.
<
link rel
=
"
Shortcut Icon
"
href
=
"
favicon.ico
"
>
IE地址栏前换成自己的图标
8
.
<
link rel
=
"
Bookmark
"
href
=
"
favicon.ico
"
>
可以在收藏夹中显示出你的图标
9
.
<
input style
=
"
ime-mode:disabled
"
>
关闭输入法
<
noscript
><
iframe src
=*
.html
></
iframe
></
noscript
>
10
.
<
input type
=
button value
=
查看网页源代码
onclick
=
"
window.location =
"
view
-
source:
"
+
"
http:
//
www.pconline.com.cn/"">
11
. 取得控件的绝对位置
//
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
>
12
. 光标是停在文本框文字的最后
<
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()
"
>
13
. 最小化、最大化、关闭窗口
<
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
14
.屏蔽功能键Shift,Alt,Ctrl
<
script
>
function look()
{
if
(
event
.shiftKey)
alert(
"
禁止按Shift键!
"
);
//
可以换成ALT CTRL
}
document.onkeydown
=
look;
</
script
>
15
.不要滚动条
?
让竖条没有:
<
body style
=
"
overflow:scroll;overflow-y:hidden
"
>
</
body
>
让横条没有:
<
body style
=
"
overflow:scroll;overflow-x:hidden
"
>
</
body
>
两个都去掉?更简单了
<
body scroll
=
"
no
"
>
</
body
>
16
.怎样去掉图片链接点击后,图片周围的虚线?
<
a href
=
"
#
"
onFocus
=
"
this.blur()
"
><
img src
=
"
logo.jpg
"
border
=
0
></
a
>
17
.电子邮件处理提交表单
<
form name
=
"
form1
"
method
=
"
post
"
action
=
"
mailto:****@***.com
"
enctype
=
"
text/plain
"
>
<
input type
=
submit
>
</
form
>
18
. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
19
. 怎么判断是否是字符
if
(
/
[
^/
x00
-/
xff]
/
g.test(s)) alert(
"
含有汉字
"
);
else
alert(
"
全是字符
"
);
20
.脚本永不出错
<
SCRIPT LANGUAGE
=
"
javascript
"
>
<!--
Hide
function killErrors()
{
return
true
;
}
window.onerror
=
killErrors;
//
-->
</
SCRIPT
>
21
.ENTER键可以让光标移到下一个输入框
<
input onkeydown
=
"
if(event.keyCode==13)event.keyCode=9
"
>
32
.页面进入和退出的特效
进入页面
<
meta http
-
equiv
=
"
Page-Enter
"
content
=
"
revealTrans(duration=x, transition=y)
"
>
推出页面
<
meta http
-
equiv
=
"
Page-Exit
"
content
=
"
revealTrans(duration=x, transition=y)
"
>
这个是页面被载入和调出时的一些特效。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种随机选择一种
23
.在规定时间内跳转
<
META http
-
equiv
=
V
=
"
REFRESH
"
content
=
"
5;URL=http://www.51js.com
"
>
24
.网页是否被检索
<
meta name
=
"
ROBOTS
"
content
=
"
属性值
"
>
其中属性值有以下一些:
属性值为
"
all
"
: 文件将被检索,且页上链接可被查询;
属性值为
"
none
"
: 文件不被检索,而且不查询页上的链接;
属性值为
"
index
"
: 文件将被检索;
属性值为
"
follow
"
: 查询页上的链接;
属性值为
"
noindex
"
: 文件不检索,但可被查询链接;
属性值为
"
nofollow
"
: 文件不被检索,但可查询页上的链接。
25
水平线(细线,无阴影):
<
hr size
=
"
1
"
color
=
"
green
"
noshace
=
"
noshace
"
/>
26
在页面中插入Flash文件
<
div
>
<!--
src:.swf文件的路径; quality:图像显示的质量 type:文件类型(可以不设置) wmode:文件显示的模式(transparent:透明) menu:菜单(
false
:无菜单)
-->
<
embed src
=
"
41.swf
"
quality
=
"
high
"
type
=
"
application/x-shockwave-flash
"
width
=
"
400
"
height
=
"
350
"
wmode
=
"
transparent
"
menu
=
"
false
"
></
embed
>
</
div
>
27自动换行(若单元格是的数据过长时使用,不打回车,自动换行)
<
td style
=
"
text-align:left; word-break:break-all;
"
>
//
按长度截断
<
td style
=
"
text-align:left; word-break:break-word;
"
>
//
换行时不会截断单词
28
显示时间:
function showDateTime()
{
var date
=
new
Date();
var msg
=
date.getFullYear()
+
"
年
"
;
msg
+=
(date.getMonth()
+
1
)
+
"
月
"
;
msg
+=
date.getDate()
+
"
日
"
;
msg
+=
date.getHours()
+
"
:
"
;
msg
+=
date.getMinutes()
+
"
:
"
;
msg
+=
date.getSeconds();
divDateTime.innerText
=
msg;
//
把时间值赋给一个层
setTimeout(
"
showDateTime()
"
,
1000
);
}
,
这个送给你!
查看全文
相关阅读:
面试官问我:记录存在就更新,不存在就插入有啥思路怎么办?愣着干嘛?进来白嫖啊! (上)
面试官问我:char和varchar的区别 怎么办?愣着干嘛?进来白嫖啊!
面试官竟然疯狂问我数据库的组提交?怎么办?愣着干嘛?进来白嫖呀!
面试官疯狂问我联表查询怎么办? 愣着干嘛?进来白嫖啊!
面试官狂问我各种锁怎么办?愣着干嘛?进来白嫖啊!
面试被问:如何排查慢查询(执行计划)怎么办?愣着干嘛?进来白嫖呀!
B站挂了之后出现的tengine是个啥?
Python
Python
Python
原文地址:https://www.cnblogs.com/di305449473/p/1239777.html
最新文章
升级IDEA后Lombok不能用了,如何解决?
Spring Security中实现微信网页授权
Kurento实战之二:快速部署和体验
Kurento实战之一:KMS部署和体验
gRPC学习之五:gRPC-Gateway实战
gRPC学习之四:实战四类服务方法
gRPC学习之三:初试GO版gRPC开发
gRPC学习之二:GO的gRPC开发环境准备
gRPC学习之一:在CentOS7部署和设置GO
OpenFaaS实战之九:终篇,自制模板(springboot+maven+jdk8)
热门文章
OpenFaaS实战之八:自制模板(maven+jdk8)
OpenFaaS实战之七:java11模板解析
原生 JS 和 jQuery 中的尺寸
字符串
Typescript中的Getter、Setter和static
Typescript中类的使用
linux虚拟机环境快速搭建redis5.x版本的主从集群总结
基于Gin+Gorm框架搭建MVC模式的Go语言企业级后端系统
Dubbo的优雅下线原理分析
JetBrains GoLand 以debug运行Go程序时出现could not launch process: decoding dwarf section info at offset 0x0: too short报错之保姆级别解决方案
Copyright © 2011-2022 走看看