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
);
}
,
这个送给你!
查看全文
相关阅读:
【赵强老师】使用Docker Compose进行服务编排
【赵强老师】Weblogic域和域的组成
【赵强老师】管理Docker镜像
3. 清理统一审计 AUD$UNIFIED 基表部份数据
4. AUD$UNIFIED 基表及 分区键创建索引
2.更改统一审计AUD$UNIFIED基表 默认表空间
1.更改统一审计AUD$UNIFIED 分区为1天
9. 将APEX18.2 升级到 APEX19.2 详细步骤
1.2 安装中文语言包
通过VBOX 导入系统工具 搭建APEX开发环境
原文地址:https://www.cnblogs.com/di305449473/p/1239777.html
最新文章
kaggle
kaggle
《机器学习实战》第6章——支持向量机(笔记)
jq textarea 输入change事件
win 共享文件夹,右键文件夹--共享
ajax使用
axios使用
eureka 经过网关transferRequest下载文件,用form表单、a标签或location下载,ajax不支持文件流,只支持字符串类型xml、json
hibernate实体类指定表和库 @Entity @Table(name = "t_config", schema = "SMWB_SUPPORT")
mapper指定数据源@Ds("dsdb")
热门文章
ajax、axios局部刷新,跨域不能重定向,且会报错。IP相同时不报错,可以返回重定向页面的代码。需要重定向时可以用form表单提交、location的href,这两种属于全部刷新
jspdf的使用,js 根据base64字符串生成pdf
快速强制删除vue项目中的node_modules包
【赵强老师】什么是Oracle的数据字典?
【赵强老师】第一个Oracle的手工备份和恢复
【赵强老师】什么是Spark SQL?
【赵强老师】大数据工作流引擎Oozie
【赵强老师】Kafka的持久化
【赵强老师】Docker的日志
【赵强老师】MongoDB管理用户的认证机制
Copyright © 2011-2022 走看看