企业微网站信息流优化师

16.怎样去掉图片链接点击后，图片周围的虚线？

17.在打开的子窗口刷新父窗口

window.opener.location.reload()

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

body

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

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

19.TEXTAREA自适应文字行数

20.选择了哪一个Radio

function checkme(){

for(var i=0 ;i < radios.length ; i++){

if(radios[i].checked){

window.alert(radios[i].value);

}

}

}

Style

Barcode

21.脚本永不出错

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

23.网页是否被检索

其中属性值有以下一些:

属性值为"all": 文件将被检索，且页上链接可被查询；

属性值为"none": 文件不被检索，而且不查询页上的链接；

属性值为"index": 文件将被检索；

属性值为"follow": 查询页上的链接；

属性值为"noindex": 文件不检索，但可被查询链接；

属性值为"nofollow": 文件不被检索，但可查询页上的链接。

24.colgroup 标签 -- 表示对HTML表格进行结构化的分区,在此分区中可以通过使用col定义每列表格的样式 。

.yellow{

color: #CCCC33;

font-size:36px;

}

.blue{

color: #3399CC;

font-size:12px;

}

www.dreamdu.com	.com域名的数量	.cn域名的数量	.net域名的数量	.com.cn域名的数量
2003年	1000	2000	3000	4000

25.格式化数字

/**

* 格式化数字显示方式

* @param num

* @param pattern '#,##0.00' '#,##0.##' '000000'

*/

function formatNumber(num,pattern){

var strarr = num?num.toString().split('.'):['0'];

var fmtarr = pattern?pattern.split('.'):[''];

var retstr='';

// 整数部分

var str = strarr[0];

var fmt = fmtarr[0];

var i = str.length-1;

var comma = false;

for(var f=fmt.length-1;f>=0;f--){

switch(fmt.substr(f,1)){

case '#':

if(i>=0 ) retstr = str.substr(i--,1) + retstr;

break;

case '0':

if(i>=0) retstr = str.substr(i--,1) + retstr;

else retstr = '0' + retstr;

break;

case ',':

comma = true;

retstr=','+retstr;

break;

}

}

if(i>=0){

if(comma){

var l = str.length;

for(;i>=0;i--){

retstr = str.substr(i,1) + retstr;

if(i>0 && ((l-i)%3)==0) retstr = ',' + retstr;

}

}

else retstr = str.substr(0,i+1) + retstr;

}

retstr = retstr+'.';

// 处理小数部分

str=strarr.length>1?strarr[1]:'';

fmt=fmtarr.length>1?fmtarr[1]:'';

i=0;

for(var f=0;f

switch(fmt.substr(f,1)){

case '#':

if(i

break;

case '0':

if(i

else retstr+='0';

break;

}

}

return retstr.replace(/^,+/,'').replace(/\.$/,'');

}

26.数字验证

/^(-|\+)?\d+$/.test(str) //整数

/^\d+$/.test(str) //大于0的整数

/^-\d+$/.test(str) //负整数的验证

27.时间验证

function isCorrectTime(str){ //like:13:04:06

var a = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/);

if (a == null) {alert('输入的参数不是时间格式'); return false;}

if (a[1]>24 || a[3]>60 || a[4]>60){

alert("时间格式不对");

return false

}

return true;

}

function isCorrectDate(str){ //2003-12-05

var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);

if(r==null)return false;

var d= new Date(r[1], r[3]-1, r[4]);

return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);

}

function isCorrectDateTime(str){ //2003-12-05 13:04:06

var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;

var r = str.match(reg);

if(r==null)return false;

var d= new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]);

return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]&&d.getHours()==r[5]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7]);

}

28.去掉前后空白

this.value.replace(/^\s+|\s+$/g,'')=='')

29.操作select

if(objselect.selectedIndex > -1) {alert('selected');}//是否有选中

objselect.options[objselect.selectedIndex] = null;//删除被选中的项

objselect.options[objselect.length] = new Option("text","value");//增加项

objselect.options[objselect.selectedIndex].text;//得到所选择项的文本

objselect.options[objselect.selectedIndex].value;//得到所选择项的值

document.getElementByid("el").tabIndex = 1;//焦点顺序

30.添加到收藏夹:

window.external.AddFavorite('http://www.java.com');

31.模态对话框

window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。

window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框，由于

是对话框，因此它并没有一般用window.open()打开的窗口的所有属性。

只是,FireFox浏览器中不支持showmodaldialog()，用window.open。在Firefox下,window.open的参数中,sFeature多了一些功能设定,要让FireFox下开启的窗口跟IE的showModalDialog一样的话,只要在sFeatures中加个modal=yes就可以了,也许可能是出于安全考虑modal=yes 打开的并不是模式窗口。

传参数与返回值：

var gArgs = window.dialogArguments;

var dlg = window.showModalDialog("test.htm",arg);

window.returnValue = {flag:true;};

window.close();

32.屏蔽打印按钮

33.动态改变CSS

function changeLinkCss(url){

var link_css=document.getElementsByTagName('link');

for(var i=0;i

if(link_css[i].rel.toLowerCase() == 'stylesheet'){

link_css[i].href = url;

}

}

}

34.置下一元素焦点

function setNextFocus(){

var srcObj = event.srcElement;

var len = document.all.length;

var idx = -1;

for(var i=0; i

var curObj = document.all[i];

if(curObj == srcObj){

idx = i;

break;

}

}

if(idx != -1 && idx < len-1){

for(var j=idx+1 ;j

if(checkTags(document.all[j])){

document.all[j].focus();

return;

}

}

}

}

function checkTags(obj){

if(obj.readOnly == true || obj.disabled == true) {return false;}

var tag_name = obj.tagName;

var el_tags = ['select','input','textarea'];

for(var i=0; i

if(el_tags[i] == tag_name.toLowerCase()){

return true;

}

}

return false;

}

35.获得当前目录路径

function getCurrentDirectory(){

var locHref = location.href;

var locArray = locHref.split("/");

/**这里测试locArray效果**

for(x in locArray){

document.write("locArray[");

document.write(x+"]: ");

document.write(locArray[x]+"
");

}

**/

delete locArray[locArray.length-1];

var dirTxt = locArray.join("/");

return dirTxt;

}

document.write(getCurrentDirectory());

36.清空file域

innerHTML 设置或获取位于对象起始和结束标签内的 HTML

outerHTML 设置或获取对象及其内容的 HTML 形式

innerText 设置或获取位于对象起始和结束标签内的文本

outerText 设置(包括标签)或获取(不包括标签)对象的文本

function Clean(){

var obj=document.getElementById("UpFile");

obj.outerHTML=obj.outerHTML;

}

37.js之arguments

使用JavaScript函数内置的arguments可以遍历所有传入的参数。arguments有个callee属性，可以调用arguments自身所在的函数。也就是说，可以通过这个属性递归调用函数自身。

function sum() {

var total = 0;

for(var i = 0; i < arguments.length; i++) {

total += arguments[i];

}

alert(total);

}

sum(1, 2);

sum(1, 2, 3);

function sum(n) {

if(n <= 1) {

return 1;

}

return n + arguments.callee(n - 1); // 递归调用自身

}

alert(sum(100));

38.document.execCommand()

-

isNaN是测试是否为数值型 ，限制输入只能为数值如：1981.121，允许最多有一个小数点

IE6下默认不缓存背景图片，CSS里每次更改图片的位置时都会重新发起请求，用这个方法告诉IE6缓存背景图片。

try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {}

39.取消事件冒泡

在 IE 的事件机制中，触发事件会从子元素向父元素逐级上传，就是说，如果子元素触发了单击事件，那么也会触发父元素的单击事件；

event.cancelBubble=true;

可以停止事件继续上传补充一点，Ie的事件传递是从下到上的：

事件来源对象->上级对象->上上级对象->.....->body->document->window

40.禁止选择文字

41.js释放内存

CollectGarbage,是IE的一个特有属性,用于释放内存的，使用方法嘛应该是,将该变量或引用对象,设置为null或delete，然后在进行释放动作，在做CollectGarbage前,要必需清楚的两个必备条件:

(1)一个对象在其生存的上下文环境之外，即会失效。

(2)一个全局的对象在没有被执用(引用)的情况下，即会失效。

System.gc = function ()

{

if (System.isIeBrowser())

{

CollectGarbage();

setTimeout("CollectGarbage();", 1);

}

}

42.QVOD播放器代码

VALUE='此处请替换成QVOD播放链接地址'>

43.图片旋转

function imageTurn(id,filter){//水平："fliph"与垂直："flipV"

var img = document.getElementById(id);

img.style.filter = img.style.filter ==filter ? "" : filter;

}

44.设置一组css属性

function setStyle(obj,css){

for(var atr in css)

obj.style[atr] = css[atr];

}

var head= document.getElementById("head");

setStyle(head,{width:"200px",height:"70px",display:"block"});

var head= document.getElementById("head");

head.style.cssText="width:200px;height:70px;display:bolck";

45.滤镜RevealTrans (duration=转换的秒数，transition=转换的类型)

transition的取值为0-23。代表24种过渡效果。可以用在整个页面上，也可以用在页面的某一个物件上。

46.不用eval,解析JSON

function jsonDecode(data){

return (new Function("return " + data))();

}

其他要想实现类似的eval的功能，一般都是在DOM中创建一个script节点，然后script.text = data;

47、不提示关闭窗口

function closeWindow(){

window.opener=null;

window.open('','_self');

window.close();

}

48、数组元素去重

function removeDuplicate(array){

for(var i=0;i

for(var j=i+1;j

if(array[j]===array[i]) {

array.splice(j,1);

j--;

}

}

}

return array;

}