html开发技巧小汇(二)

发布时间:2021-01-09编辑:脚本学堂
我们"程序猿"在繁重的工作下,脑子偶尔会出现短路的情况,经常会为一些小问题而烦心。在此,小编将一些常用的网页小技巧归纳到了一起,让我们一睹为快,顺便加深一下印象吧。。。。。。

这是开发技巧的第二部分,主要总结的是一些网页特效,例如禁止复制,禁止粘贴等一些常用的网页代码:

查找对象
document.getElementsByName("r1");
document.getElementById(id);
定时
timer=setInterval('scrollwindow()',delay);
clearInterval(timer);

UNCODE编码
escape() ,unescape

父对象
obj.parentElement(dhtml)
obj.parentNode(dom)

交换表的行
TableID.moveRow(2,1)

替换CSS
document.all.csss.href = "a.css";

并排显示
display:inline

隐藏焦点
hidefocus=true

根据宽度换行
style="word-break:break-all"

自动刷新
<meta HTTP-EQUIV="refresh" C>


<a name="first">
<a href="#first">anchors</a>

网页传递参数
location.search();

可编辑
obj.contenteditable=true
执行菜单命令
obj.execCommand

双字节字符
/[^x00-xff]/
汉字
/[u4e00-u9fa5]/

让英文字符串超出表格宽度自动换行
word-wrap: break-word; word-break: break-all;
透明背景
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>

获得style内容
obj.style.cssText

HTML标签
document.documentElement.innerHTML

第一个style标签
document.styleSheets[0]

style标签里的第一个样式
document.styleSheets[0].rules[0]

防止点击空链接时,页面往往重置到页首端。
<a href="javascriptunction()">word</a>
上一网页源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer
释放内存
CollectGarbage();

禁止右键
document.oncontextmenu = function() { return false;}
禁止保存
<noscript><iframe src="*.htm"></iframe></noscript>
禁止选取<body oncontextmenu="return false" ondragstart="return false"
onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()>

禁止粘贴
<input type=text >

地址栏图标
<link rel="Shortcut Icon" href="favicon.ico">
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下

收藏栏图标
<link rel="Bookmark" href="favicon.ico">
查看源码
<input type=button value=查看网页源代码 >
关闭输入法
<input style="ime-modeisabled">
自动全选
<input type=text name=text1 value="123" >
ENTER键可以让光标移到下一个输入框
<input >

文本框的默认值
<input type=text value="123" >
title换行
obj.title = "123 sdfs "
获得时间所代表的微秒
var n1 = new Date("2004-10-10".replace(/-/g, "/")).getTime()

窗口是否关闭
win.closed
checkbox扁平
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>