186-0984-0880
 
贡献05年学习javascript和div+css时候总结的一些小技巧
日期:09-29 浏览次数:12


IE:
FF:

和flash透明一样:
IE:
FF:


ie6中的双边bug解决方法:display:inline

js获取css中的float属性:(ie中用cssFloat,FF中用styleFloat)

ie中取消选择---onselectstart=return false
ff中取消选择---css中定义:* {-moz-user-select:none}

下面例子比较ie和ff中document.getElementsByName()的区别:








----------ie中获取的是id的obj(但包括name为radio checkbox等项),ff中获取的只是name项



这中思想蛮不错的:
var w=100
low=true
if(low=true){
    w--
}
if(w<=10){
    w++
    low=false
}
if(w>=100){
    w--
    low=true
}
if(low=false){
    w++
}
js弹出链接文本内容

function altername(evt){
    evt=evt?evt:window.event
    if(document.all){
        alert(evt.srcElement.innerHTML)
    }
    else{
        alert(evt.target.innerHTML)
    }
}
window.onload=function(){
var obj=document.getElementsByTagName("a")
for(i=0;i    obj[i].onmouseover=altername
}
}

baidu

google

blueidea

crsky
//主要考察event.srcElement和evt.target


js用for in 遍历整个数组:
for(i in aa){
    document.write(i)
}
js用toLocaleString()获取整个时间:
例子:
var qq=new Date()
qq.toLocaleString()
//或者写法如下:
var qq=new Date()
var nian=qq.getFulllYear()
var yue=qq.getMonths()
var ri=qq.getDate()
var xingqi=qq.getDay()
var hour=qq.getHours()
var minute=qq.getMinutes()
var second=qq.getSeconds()
var millisecond=qq.getMilliseconds()
数组的定义 :
一维:
方案1:
var aa=new Array()
aa[0]=""
aa[1]=""
aa[3]=""
方案2:
var aa=new Array("","","")
方案3:
aa=["","",""]

二维:
var aa=["0","1","2"]
aa[0][0]=""
aa[0][1]=""
aa[1][0]=""
aa[1][1]=""
aa[2][0]=""
aa[2][1]=""

asp中定义数组:
dim aa(3)
aa(0)=""
aa(1)=""
aa(2)=""

IE:attachEvent
    例如在body中单击的时候弹出”你好“,我们可以这么做
首先定义一个函数:
    function alert_hello(){
        alert("你好")
    }
绑定:
    document.body.attachEvent("onclick",alert_hello)
需要注意的是:
    1:在绑定的时候一定不能这样写:alert_hello()
    2:好在外部定义alert_hello这个函数
如果在内部定义则:document.body.attachEvent("onclick",function(){"alert('hello')"})

FF:addEventListener
    同样实现在IE中的效果的时候这样做即可:
定义:
    function alert_hello(){
        alert("你好")
    }
绑定:
    document.body.addEventListener("click",alert_hello,false)

以下为一个对象绑定:(ff和ie中都需要:div必须写在前面,如果是ie,这个时候把div放在后面的话,可以在声明语言的时候加入defer)
hello


function aa(){
       alert("hello")
}
document.getElementById("xx").addEventListener("click",aa,false)


IE和FF中的区别:
1:如果要执行的函数不止一个,例如:
        document.body.attachEvent("onclick",aa1)
        document.body.attachEvent("onclick",aa2)
        document.body.attachEvent("onclick",aa3)
    即:body要同时绑定aa1,aa2,aa3这个三个函数,
这个时候,IE和FF中的解释循序是不一样的,
    ie:aa1,aa2,aa3
    ff:aa3,aa2,aa1
2:在ie中是要写全时间名:例如,onclick,而ff中只要写click即可。。。
3:ie中绑定的时候比ff少一个参数,区别如下代码:

#aa {
    width:500px;
    height:500px;
    background:red;
}
#qq {
    width:200px;
    height:200px;
    background:black;
}

d
d



function al(){
       alert("hello")
}
document.getElementById("aa").addEventListener("click",al,true)
//试试false和true的区别




HTML页面标准排版:
body.style.padding---页面中body的padding(例如在body的style中写:padding:20px)
body.style.border---页面中body的border(例如在body的style中写:border:20px)
body.clientLeft---页面中body的(左)border宽度
body.clientTop---页面中body的(上)border宽度
body.clientWidth---页面中body的宽度
body.offsetWidth---页面中body的宽度+边框长度(即body.clientWidth+边框长度)
body.scrollWidth---页面中body出现滚动条时候的实际长度,当没有滚动条的时候body.scollWidth和body.clientWidth是相等的
(IE和FF中两者是相反的概念)
body.clientHeight  //同上
body.offsetHeight  //同上
body.scrollHeight //同上

div.style.border---div中的border(有两个参数:width,height)
div.style.padding---div中padding的值
div.style.left---div距离页面左边的距离(这个参数有三个类似的写法:具体如下:(先要明白.style.left返回的值是一个字符串,如果没有,返回空串)
1:div.style.posLeft---就是将left的值转化为数值类型,而且是浮点型
2: div.style.pixelLeft---是数值,是将left的值(如果是空串则赋为0)转化为像素值
    注意;parseInt(posLeft)==pixelLeft
3: div.offsetLeft---返回对象距离窗口左边的距离(带边框+padding)
ff中是没有1,2两个参数的,要应用的话一般统一用offsetLeft
offsetLeft通常用于取值,而left则应用于赋值计算
例如:先通过offsetLeft取到div距离页面的距离x,然后在通过div.style.left=x+10+"px"将div往右移动10个PX,而在实际应用的时候一定要加上"px"(因为left的返回值为字符串)
)
div.style.Top //同div.style.Left用法相同
div.offsetLeft//同div.offsetTop用法相同

注意:div.style.left是div距离页面左边的距离(不附带padding)
      div.offsetLeft是div距离页面左边的距离(附带padding)

div.clientTop---返回div(上)border的高度
div.clientLeft---返回div(左)border的宽度

div.clientWidth---返回div宽度(包括padding,不包括border和滚动条的宽度)
div.clientHeight---返回div高度(包括padding,不包括border和滚动条的高度度)

div.scrollWidth---返回div中实际的高度(带滚动的高度)
div.scrollHeight---返回div中实际的高度(带滚动的高度)
---详细分析见:
http://images13.51.com/18/a/f8/40/sarten/1192242772_0.70754000.jpg



IE:setCapture和releseCapture
FF:captureEvents和releaseEvents
setCapture主要是为某个对象或页面绑定一个事件,这个时间的主要目的就是为了能够在整个窗口下都可以起做用:比如下面的代码:

    document.getElementById("xx").setCapture()

hello

这样就可以在页面中任何部位单击一次就可以弹出hello。。。

ff下和ie下的理解不一样,可以这样理解:(用上例子讲解)
ie是对某个特定对象xx进行全屏捕捉,当设定setCapture时候,就可以在全屏捕捉到xx。。。单击的时候也会执行xx设定的单击执行的事件(函数)。。。可以全屏获取鼠标的位置

而ff中只是window.captureEvents...作用域是对整个页面(只是可以全屏获取鼠标的位置)



creatElement(为页面创建对象)
appendChild(为页面应用某个创建的对象)
例子1:在页面中创建一个table要求有一个单元格,一行,一个table文字

var tb=document.createElement("table")
var tbd=document.createElement("tbody")
var tr=document.createElement("tr")
var td=document.createElement("td")
var txt=document.createTextNode("table")
    td.appendChild(txt)
    tr.appendChild(td)
    tbd.appendChild(tr)
    tb.appendChild(tbd)
    document.body.appendChild(tb)//对应下面两行

//在指定的div中应用:document.getElementById("tt").appendChild(tb)

例子2:创建一个input对象radio,默认选中

var pt=document.createElement("input")
pt.type="radio"//写在对象创建之后
document.body.appendChild(pt)
pt.checked="checked"//pt.setAttribute("checked",true)

text/radio/checkbox/file/hidden/submit/button/reset的创建都是和上例差不多,
需要注意的是:必须将.type写在紧跟对象创建之后,然后应用,在之后设置属性(也可以用setAttibute)

例子3:创建一个select对象

var se=document.createElement("select")
se.options[0]=new Option("123","123")
se.options[1]=new Option("456","456")
se.options[2]=new Option("789","789")
document.body.appendChild(se)
se.setAttribute("id","cre_se")
se.onchange=function(){
    alert(se.options[document.getElementById('cre_se').selectedIndex].value)
}




createPopup:创建一个提示框(也相对于一个页面,当popup失去焦点的时候---popup消失)

var pp=window.createPopup()
pp.document.body.style.background="#efefef"
pp.document.body.style.border="1px solid black"
pp.document.body.innerHTML="this is a popup"
pp.show(10,20,250,20,document.getElementById("popup_div"))




ff下的添加收藏夹:
window.sidebar.addpanel("百度","http://www.baidu.com","")
ie下的添加收藏夹
window.external.addfavorite("http://www.baidu.com","百度")


滚动到页面指定位置:scrollIntoView()
例子:
内容

内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容

内容


相当于:
top
go_top


createTextRange()//ie专有
例子1:(主要说明:textrange.text和textrange.htmltext的区别)

function test()
{
var rng=document.body.createTextRange()
alert(rng.text)
}
function test1()
{
var rng=document.body.createTextRange()
alert(rng.htmlText)
}



//如果为某个对象创建textrange的话,,,text和htmlText是没有区别的
如果是为整个body创建的话是有区别的(text表示文本内容,htmlText把整个页面代码输出)


例子2:获取指定文本框中的选中的文字:只响应先进个文本框

function test()
{
var o = document.getElementById("inp1").createTextRange()//改为inp2的话就不响应了
var r = document.selection.createRange()//为选中的文字创建一个虚礼空间存起来(也是一个对象)
if(o.inRange(r)){//在已经创建的textrange中查找range对象(createtextRange.inRange(createRange))
    alert(r.text)//弹出createRange的文本createRange.text
    }
}






例子3:点击复制功能:

function copyContent(obj){
    obj.select()
    var cont=obj.createTextRange()
    cont.execCommand("copy")
//或者这样写:
//obj.select()
//obj.document.execCommad("copy")
}



iframe允许背景颜色为透明:
<br />//xx.html中必须这样写:<body bgColor="transparent"><br /><br />ie:window.eval("ID")//用来获取页面中id的对象,相当于document.getElementById("id")<br />ff:window.eval("alert('xx')","javascript")//执行js代码,也可以执行asp代码<br />ie:window.execScript("alert('xx')","javascript")//执行js代码,也可以执行asp代码<br /><br />文本框不自动提示:<br /><input type="text" autocomplete="off"><br /><br />隐藏按钮点击时的虚线:<br /><input type="button" hidefocus="hidefocus" value="按钮"><br /><input type="button" onfocus="this.blur()" value="按钮"><br /><br />脚本永不提示出错:<br /><script language="javascript"><br />window.onerror=function(){<br />    return false<br />}<br /></script><br /><br />事件对象返回值:<br />srcElement.returnVlaue="false/true"<br /><br />通过id获取某个对象:<br />通用:document.getElementById("idname")<br />ie:window.eval("idname")<br /><br />通过name获取对象<br />document.getElementsByName("name")<br /><br />通过tagname获取对象<br />document.getElementsByTagName("tagname")<br /><br />通过事件获取对象:<br />window.event.srcElement//是一个对象<br />window.event.srcElement.tagName//获取到的对象的标签名<br /><br />父标签:<br />obj.parentNode()(dom)<br />obj.parentElement(dhtml)<br />子对象:<br />obj.childNodes()<br /><br />鼠标位置:<br />1:绝对的body位置:<br />ie:event.clientX  event.clientY<br />ff:event.clientX  event.clientY<br /><br />2:相对的body位置:<br />ie:event.x  event.y<br />ff:event.pageX  event.pageY<br /><br />3:绝对的鼠标body中停留的位置:<br />ie:event.offsetX  event.offsetY<br />ff:event.layerX  event.layerY<br /><br />4:整个页面绝对位置:<br />screen.x          screen.y<br /><br />例子:动态获取鼠标在页面中的坐标位置<br /><br /><script language="javascript"><br />function movemouse(evt){<br />    evt=evt?evt:window.event<br />    var x=evt.clientX<br />    var y=evt.clientY<br />document.getElementById("con").innerHTML="x: "+x+"y: "+y<br />document.getElementById("con").style.left=x+"px"<br />document.getElementById("con").style.top=y+"px"<br /><br />}<br />document.onmousemove=movemouse<br /></script><br /><div id="con" style="position:absolute;height:20px;width:100px;"></div><br /><br />类似:动态时间<br /><script language="javascript"><br />function aa(){    <br />    var date=new Date()<br />    document.body.innerHTML=date.toLocaleString()<br />    setTimeout("aa()",1000)<br />}<br />window.onload=aa<br /></script><br /><br />双击滚屏代码:<br /><script language="javascript"><br />scrollTo(0,0)<br />var st<br />function scroll_start(){<br />var x=document.body.scrollTop<br />window.scroll(0,++x)<br />st=setTimeout("scroll_start()",10)//不能写出var st=...<br />if(x!=document.body.scrollTop){<br />stop_scroll()<br />}<br />}<br />function stop_scroll(){<br />clearTimeout(st)<br />}<br />document.onmousedown=stop_scroll<br />document.ondblclick=scroll_start<br /></script><br /><br /><br /><br />事件按键<br />event.keyCode<br />event.shiftKey<br />event.altKey<br />event.ctrlKey<br /><br />页面中鼠标操作:<br />oncontextmenu//右键<br />onselectstart//选中<br />oncopy//复制<br />onpaste//粘贴<br />oncut//剪切<br />ondragstart//拖动<br /><br />窗体图片<br />document.images[索引]<br /><br />窗体元素<br />document.窗体.elements[索引]<br /><br />浏览器名称<br />document.navigator.appName<br />document.navigator.plugins<br /><br />转向制定页面:<br />window.navigate("")<br />window.location.href=""<br /><br /><br />符合标准的去除链接虚线两种方式:<br />1:通过links(窗体链接)<br /><script type="text/javascript"><br />function aa(){<br />    for(i=0;i<document.links.length;i++){<br />        document.links[i].onfocus=function(){<br />            this.blur()<br />        }<br />    }<br />}<br />window.onload=aa<br /></script><br />2:通过链接a对象<br /><script language="javascript"><br />aa=function(){<br />    var obj=document.getElementsByTagName("a")<br />    for(i=0;i<obj.length;i++){<br />        obj[i].onfocus=function qq(){<br />            this.blur()<br />    }<br />}<br />}<br />window.onload=aa<br /></script><br /><br /><br />文本值改变的时候:<br /><input type="text" onpropertychange="alert('值改变了')"><br /><br />窗口的父对象:<br />window.opener<br />框架的父对象:<br />window.parent<br /><br />给文本增加链接:<br /><script language="javascript" defer><br />var text="百度"<br />text=text.link("http://www.baidu.com")<br />document.write(text)<br /></script><br />////////////////////////////实例:<br /><script language="javascript" defer><br />var pic="<img src=''>"<br />pic=pic.link("http://www.baidu.com")<br />document.write(pic)<br /></script><br /><br /><br />获取css样式表<br />document.stylesheets[索引].rules[索引]//获取第几个<style type="text/css"></style>里的第几个样式<br />document.stylesheets[索引].rules[索引].selectorText//获取css样式名称<br />document.stylesheets[索引].rules[索引].style.cssText//获取css样式内容<br />例子:<br /><style><br />body {color:red}<br />p {color:blue}<br /></style><br /><style><br />span {color:red}<br />table {color:blue}<br /></style><br /><body ><br /><br />页面z坐标(z-index)://对象的z-index坐标必须在absolute情况下才能起作用<br />例子:<br /><style type="text/css"><br />#pagea {<br />    width:200px;<br />    height:200px;<br />    position:absolute;<br />    left:100px;<br />    top:100px;<br />    background:red<br />}<br />#pageb {<br />    width:200px;<br />    height:200px;<br />    position:absolute;<br />    left:200px;<br />    top:200px;<br />    background:black;<br />}<br /></style><br /><script type="text/javascript"><br />var firstIndex=1<br />function zIndexChange(obj){<br />    document.getElementById(obj).style.zIndex=firstIndex<br />    firstIndex++<br />}<br /></script><br /><div id="pagea" >页面a</div><br /><div id="pageb" >页面b</div><br /><br />按住鼠标左键N秒执行:<br /><script language="javascript"><br />var timerAl<br />function al(){<br />    alert("您按住鼠标2秒没动!请放松,谢谢!")<br />}<br />document.onmousedown=function(){<br />    timerAl=setTimeout("al()",2000)//此处一定不能加var ,加了表示每次执行的时候都从新声明<br />}<br />document.onmouseup=function(){<br />    clearTimeout(timerAl)<br />}<br /></script><br /><br />本地实现图片现实:<br /><script language="javascript"><br />function getError(){<br />imgdiv.innerHTML=''<br />alert("格式错误或者不存在这个文件")<br />}<br />function checkSize(obj){<br />var w=obj.clientWidth<br />var h=obj.clientHeight<br />if(w>164){<br />obj.width=164<br />obj.heigth=164/w*h<br />}<br />}<br />function showImg(filesrc){<br />imgdiv.innerHTML="<img id='tu' src='file:///"+filesrc+"' onerror='getError()' onload='checkSize(this)'>"<br />}<br /></script><br /><br /><input type="file" size=25 onchange="showImg(this.value)"><br><br><br><br><br /><div id="imgdiv" align="center"></div><br /><br />表格的相关操作:<br />1:左右移动表格行:(表格外)<br /><script language="javascript"><br />function tb1doTr(obj){<br />var tr=document.createElement("<tr bgColor='#efefef' onmouseover=this.bgColor='#efef00' onmouseout=this.bgColor='#efefef' onclick='tb2doTr(this)'></tr>")<br />var td1=document.createElement("<td align='center'></td>")<br />var td2=document.createElement("<td align='center'></td>")<br />var text1=document.createTextNode(obj.cells[0].innerHTML)<br />var text2=document.createTextNode(obj.cells[1].innerHTML)<br />td1.appendChild(text1)<br />td2.appendChild(text2)<br />tr.appendChild(td1)<br />tr.appendChild(td2)<br />document.getElementById("tb2_tbody").appendChild(tr)<br />document.getElementById("tb1").deleteRow(obj.rowIndex)<br />}<br /><br />function tb2doTr(o){<br />    tr=document.getElementById("tb1").insertRow()<br />    tr.bgColor="#efefef"<br />    tr.onmouseover=function(){this.bgColor="#efef00"}<br />    tr.onmouseout=function(){this.bgColor="#efefef"}<br />    tr.onclick=function(){tb1doTr(this)}<br /><br />    for(i=0;i<o.cells.length;i++){<br />        var td=tr.insertCell()<br />        td.innerHTML=o.cells[i].innerHTML<br />    }<br />    document.getElementById("tb2").deleteRow(o.rowIndex)<br />}<br /></script><br /><br /><table cellpadding="0" cellspacing="0" border="1" width="300" id="tb1" style="float:left;text-align:center"><br /><tr><br />    <td bgcolor="#efefef" align="center">行</td><br />    <td bgcolor="#efefef" align="center">值</td><br /></tr><br /><script type="text/javascript"><br />for(i=1;i<=20;i++){<br />    document.write("<tr bgColor='#efefef' onmouseover=this.bgColor='#efef00' onmouseout=this.bgColor='#efefef' onclick='tb1doTr(this)'><td align='center'>第"+i+"行</td><td align='center'>第"+i+"行的值</td></tr>")<br />}<br /></script><br /></table><br /><br /><table cellpadding="0" cellspacing="0" border="1" width="300" id="tb2" style="text-align:center"><br /><tbody id="tb2_tbody"><br /><tr><br />    <td bgcolor="#efefef" align="center">行</td><br />    <td bgcolor="#efefef" align="center">值</td><br /></tr><br /></tbody><br /></table><br /><br />2:移动表格行的位置(表格内)<br /><br /><br />单击文字保存图片:<br /><iframe height="0" width="0" src="偷拍的.jpg" kesrc="偷拍的.jpg" id="saveImage">
Click Me
//这里千万不能写出:document.getElementById('saveImage')


单元格颜色渐退:

var m=60
function changeColor(){
    var obj=document.getElementById("tb1")
    obj.bgColor="rgb(100%,"+m+"%,100%)"
    m+=5
    var st=setTimeout("changeColor()",10)
    if(m>100){
        clearTimeout(st)
        m=60
        obj.bgColor="#efefef"
    }
}



 



常识:












a:link {font-size:12px;color:red;text-decoration:none;font-style:italic}
a:link {font-size:14px;color:red;font-weight:normal;text-decoration:underline;font-style:normal}
a:link {font-size:12px;font-family:华文行楷;font-weight:bolder;color:red;text-decoration:overline}
style="writing-mode:tb-rl"
style="writing-mode:lr-tb"

背景1背景2背景3
调用css
favicon  




在此写css



@import url("")

text-decoration:none
text-decoration:overline
text-decoration:underline
text-underline-position:above/below(IE专有属性)
text-decoration:line-through
text-transform:uppercase/lowercase/capitalize
font-size:大小
font-family:字体
font-style:normal/italic
font-weight:normal/bold/bolder/lighter
line-height:120%
writing-mode:tb-rl/lr-tb
text-indent:?px
综合   font:样式 变形 加粗 字号/行高 字体
  example----font:italic bold 12px/120% 华文行楷


            定义           调用
           
            .css1 {}         class=css1
            #css2 {}         id=css2
            table {}         说明table 中的所有属性
            table#css1 {}    table中的所有css1都有这个属性   id=css1
            table.css1 {}    table中的所有css1都有这个属性   class=css1
            body,table,input {}   table和body和input都有这个属性       
            table #css1           table中其他标签拥有的属性   ...            table .css1           table中其他标签拥有的属性  
...

image:
vaspace hspace width heigth dynsrc src lowsrc alt

form :
input type="text/password/radio/checkbox/sunmit/file/hidden/botton"
select option
textarea



font:
i b u strike < > & " ® ©

在网页中加入html代码只要在代码前后加入:和就可以了

size color

basefont color:red;...       base href=""      base target="_top"

table td tr:
align=center/right/left   leftmargin   topmargin   cursor   oncontextmenu
ondragstart oncopy oncut onpaste onselectstart bgcolor background
width heigth id cellpadding cellspacing border

bgsound:
loop=-1/infinite   balance   volume   autostart  

marquee:
direction:up/down/left/right
align:center/right/left/right
behavior:scroll slide alternate
vspace hspace height width bgcolor
scrolldelay   scrollamount


你好



favicon.icon     

oncontextmenu="return false"
ondraystart="return false"
onselectstart="return false"
oncopy="return false"
onpaste="return false"
oncut="return false"


取消表单按下时的虚线
你好
你不好

加入收藏:




a的全写:anchor


防止点击链接时新窗口都是在顶部打开


多一行


如何让网页中的广告自动关闭:
---在网页广告条的网页head和/head中加入:


function close(){
setTimeout("self.close()",5000)
}//本网页自动在5秒钟关闭

或者:
function close(){
self.close()
}
setinterval("close()",5000)


frameset frame iframe:
border bordercolor src name rows cols framespacing frameborder

flash透明:


半透明的表格:

 


阴影表格:

 


特色的表单:









背景更换效果

.css1 {background-image:url("1.jpg")}
.css2 {background-image:url("2.jpg")}

sage


关闭网页

function closewindow(){
window.opener=null
window.close()
}

调用:

鼠标指向时变背景颜色的表格


细线表格1:


细线表格2:


细线表格3:



凹下的立体表格:




    
    
    


凸出的立体表格:




    
    
    


有间距的表格:


  


IE地址栏前换成自己的图标

可以在收藏夹中显示出你的图标

关闭中文输入法

防止别人frame你的网页:

if(top.location!=self.location){
top.location=self.location
}


1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
no
可用于Table

2. 取消选取、防止复制

3. onpaste="return false" 不准粘贴

4. oncopy="return false;" oncut="return false;" 防止复制

5. IE地址栏前换成自己的图标

6. 可以在收藏夹中显示出你的图标

7. 关闭输入法

8. 永远都会带着框架



9. 防止被人frame



10. 网页将不能被另存为



11. >

12.删除时确认

删除

13. 取得控件的绝对位置

//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);
}


//VBScript


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


function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}



15. 判断上一页的来源

javascript:document.referrer

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











本例适用于IE

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


function look(){
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT CTRL
}
document.onkeydown=look;


18. 网页不会被缓存




或者

19.怎样让表单没有凹凸感?





20.
&的区别?

(division)用来定义大段的页面元素,会产生转行
用来定义同一行内的元素,跟
的唯一区别是不产生转行
是ns的标记,ie不支持,相当于



21.让弹出窗口总是在后面:



22.不要滚动条?

让竖条没有:


让横条没有:


两个都去掉?更简单了



23.怎样去掉图片链接点击后,图片周围的虚线?



24.电子邮件处理提交表单





25.在打开的子窗口刷新父窗口的代码里如何写?

window.opener.location.reload()

26.如何设定打开页面的大小


打开页面的位置

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动


body
{background-image:url(logo.gif); background-repeat:no-repeat;

background-position:center;background-attachment: fixed}


28. 检查一段字符串是否全由数字组成



29. 获得一个窗口的大小

document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符

if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

31.TEXTAREA自适应文字行数的多少

<br />

32. 日期减去天数等于第二个日期


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)


33. 选择了哪一个Radio


function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function

Style
Barcode



34.脚本永不出错





35.ENTER键可以让光标移到下一个输入框




window.event.returnvalue="false"
window.event事件可以返回值,,,
window.event.srcElement.returnValue=""
例子://禁止鼠标右键

判断上一页的来源:javascript:document.referrer;

让网页不被别人 iframe:

    if(top.location!=self.location){
        top.location=self.location
    }


让页面打开大化:

window.resizeTo(screen.width,screen.height)
window.moveTo(0,0)

//相关函数:window.moveTo,window.moveBy,window.resizeTo,window.resizeTo


javascipt相关对象:
math.max(x,y)
math.min(x,y)
math.ceil(x)
math.floor(x)
math.sqrt(x)
math.round(x,y)
math.random()

var qq=new Date()
qq.getYear()
qq.getFullYear()
qq.getMonth()
qq.getDay()
qq.getDate()
qq.getHours()
qq.getMinutes()
qq.getSeconds()
qq.getMilliSeconds()
qq.getTime()

string.link()
string.fontsize()
string.fontcolor()
string.bold()
string.sup()/上标
string.sub()/下标
string.toUpperCase()
string.toLowerCase()
string.Indexof()
string.charAt()
string.charCodeAt()
string.substr()
string.substring()
string.fromCharCode()
string.search()


链接a的全写:anchor

在html和xml中相关字符引用:
'   '
&   &
"   "
<   <
>   >

如果要在html网页中加入html标签代码(大量),加


iframe控制父窗口:window.parent.
父窗口控制子页面:window.子页面名称


用js保护网页中邮箱:

name="icyzhl"
witch="163"
    document.write("")
    docuemnt.write("")





marquee标记用法:
vspace;
hspace;
direction:up/left/right/down;
behavior:slide/scroll/alternate;
bgcolor;
scrolldelay;
scrollamount;

bgsound:infinite/loop=-1  autostart   src  


符合标准的打开新窗口

var anchors=document.getElementsByTagName("a")
for(i=0;i    obj=anchors[i]
    if(obj.getAttribute("href") && obj.getAttribute("rel")=="external"){
        obj.target="_blank"
    }
}



textarea自动高度
<br />sdagdsg文字内容<br />


隐藏表单按下的虚线;



只读文本:



文本值发生改变:


不能为中文:


收藏夹个性图标:


← 上一篇 下一篇 → 返回首页
如有意向,请联系我们的客户经理
我们会根据您的需求为你制定详细的解决方案
在线咨询 or 拨打业务热线:186-0984-0880
在线咨询
热线电话
解决方案
扫一扫

扫一扫
关注新图闻科技

全国咨询热线
186-0984-0880

返回顶部