javascript的小技巧

2021/4/26 20:27:40

编程Tag： javascript 网页技巧 style event break obj document

本文主要是介绍javascript的小技巧，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

javascript的小技巧

事件源对象
event.srcElement.tagName
event.srcElement.type
捕获释放
event.srcElement.setCapture();
event.srcElement.releaseCapture();
事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
事件返回值
event.returnValue
鼠标位置
event.x
event.y
窗体活动元素
document.activeElement
绑定事件
document.captureEvents(Event.KEYDOWN);
访问窗体元素
document.all("txt").focus();
document.all("txt").select();
窗体命令
document.execCommand
窗体COOKIE
document.cookie
菜单事件
document.oncontextmenu
创建元素
document.createElement("SPAN");
根据鼠标获得元素：
document.elementFromPoint(event.x,event.y).tagName=="TD
document.elementFromPoint(event.x,event.y).appendChild(ms)
窗体图片
document.images[索引]
窗体事件绑定
document.onmousedown=scrollwindow;
元素
document.窗体.elements[索引]
对象绑定事件
document.all.xxx.detachEvent('onclick',a);
插件数目
navigator.plugins
取变量类型
typeof($js_libpath) == "undefined"
下拉框
下拉框.options[索引]
下拉框.options.length
查找对象
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)
- 并排显示
  display:inline
- 隐藏焦点
  hidefocus=true
- 根据宽度换行
  style="word-break:break-all"
- 自动刷新
- 简单邮件
- 快速转到位置
  obj.scrollIntoView(true)
- 锚
  
  anchors
- 网页传递参数
  location.search();
- 可编辑
  obj.contenteditable=true
- 执行菜单命令
  obj.execCommand
- 双字节字符
  /[^\x00-\xff]/
  汉字
  /[\u4e00-\u9fa5]/
- 让英文字符串超出表格宽度自动换行
  word-wrap: break-word; word-break: break-all;
- 透明背景
- 获得style内容
  obj.style.cssText
- HTML标签
  document.documentElement.innerHTML
- 第一个style标签
  document.styleSheets[0]
- style标签里的第一个样式
  document.styleSheets[0].rules[0]
- 防止点击空链接时，页面往往重置到页首端。
  word
- 替换CSS
  document.all.csss.href = "a.css";
- 隐藏焦点
  hidefocus=true
- 根据宽度换行
  style="word-break:break-all"
- 自动刷新
- 简单邮件
- 快速转到位置
  obj.scrollIntoView(true)
- 锚
  
  anchors
- 网页传递参数
  location.search();
- 可编辑
  obj.contenteditable=true
- 执行菜单命令
  obj.execCommand
- 双字节字符
  /[^\x00-\xff]/
  汉字
  /[\u4e00-\u9fa5]/
- 让英文字符串超出表格宽度自动换行
  word-wrap: break-word; word-break: break-all;
- 透明背景
- 获得style内容
  obj.style.cssText
- HTML标签
  document.documentElement.innerHTML
- 第一个style标签
  document.styleSheets[0]
- style标签里的第一个样式
  document.styleSheets[0].rules[0]
- 防止点击空链接时，页面往往重置到页首端。
  word
- 上一网页源
  asp:
  request.servervariables("HTTP_REFERER")
  javascript:
  document.referrer
- 释放内存
  CollectGarbage();
- 禁止右键
  document.oncontextmenu = function() { return false;}
- 禁止保存
- 禁止选取<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()>
- 禁止粘贴
- 地址栏图标
  
  favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
- 收藏栏图标
- 查看源码
- 关闭输入法
- 自动全选
- ENTER键可以让光标移到下一个输入框
- 文本框的默认值
- title换行
  obj.title = "123 sdfs "
- 获得时间所代表的微秒
  var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
- 窗口是否关闭
  win.closed
- checkbox扁平
- 获取选中内容
  document.selection.createRange().duplicate().text
- 自动完成功能
  打开该功能
  关闭该功能
- 窗口最大化
- 无关闭按钮IE
  window.open("aa.htm", "meizz", "fullscreen=7");
- 统一编码/解码
  alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
  encodeURIComponent对":"、"/"、";" 和 "?"也编码
- 表格行指示
  
  //各种尺寸
  s  +=  "\r\n网页可见区域宽："+  document.body.clientWidth;
  s  +=  "\r\n网页可见区域高："+  document.body.clientHeight;
  s  +=  "\r\n网页可见区域高："+  document.body.offsetWeight  +"  (包括边线的宽)";
  s  +=  "\r\n网页可见区域高："+  document.body.offsetHeight  +"  (包括边线的宽)";
  s  +=  "\r\n网页正文全文宽："+  document.body.scrollWidth;
  s  +=  "\r\n网页正文全文高："+  document.body.scrollHeight;
  s  +=  "\r\n网页被卷去的高："+  document.body.scrollTop;
  s  +=  "\r\n网页被卷去的左："+  document.body.scrollLeft;
  s  +=  "\r\n网页正文部分上："+  window.screenTop;
  s  +=  "\r\n网页正文部分左："+  window.screenLeft;
  s  +=  "\r\n屏幕分辨率的高："+  window.screen.height;
  s  +=  "\r\n屏幕分辨率的宽："+  window.screen.width;
  s  +=  "\r\n屏幕可用工作区高度："+  window.screen.availHeight;
  s  +=  "\r\n屏幕可用工作区宽度："+  window.screen.availWidth;

这篇关于javascript的小技巧的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

javascript的小技巧

javascript的小技巧

相关编程文章