`
wangyuchuan520
  • 浏览: 14929 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

Javascript使用技巧

JavaScriptASP.netCSSIEASP 
阅读更多
  • 事件源对象
    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)
  • 替换CSS
    document.all.csss.href = "a.css";
  • 并排显示
    display:inline
  • 隐藏焦点
    hidefocus=true
  • 根据宽度换行
    style="word-break:break-all"
  • 自动刷新
    <meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">
  • 简单邮件
    <a  href="     mailto:aaa@bbb.com?subject=ccc&body=xxxyyy "> 
  • 快速转到位置
    obj.scrollIntoView(true)
  • 锚
    <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="javascript:function()">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 onpaste="return false">
  • 地址栏图标
    <link rel="Shortcut Icon" href="favicon.ico">
    favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
  • 收藏栏图标
    <link rel="Bookmark" href="favicon.ico">
  • 查看源码
    <input type=button value=查看网页源代码 onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">
  • 关闭输入法
    <input style="ime-mode:disabled">
  • 自动全选
    <input type=text name=text1 value="123" onfocus="this.select()">
  • ENTER键可以让光标移到下一个输入框
    <input onkeydown="if(event.keyCode==13)event.keyCode=9">
  • 文本框的默认值
    <input type=text value="123" onfocus="alert(this.defaultValue)">
  • title换行
    obj.title = "123&#13sdfs&#32"
  • 获得时间所代表的微秒
    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>
  • 获取选中内容
    document.selection.createRange().duplicate().text
  • 自动完成功能
    <input  type=text  autocomplete=on>打开该功能 
    <input  type=text  autocomplete=off>关闭该功能   
  • 窗口最大化
    <body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)">
  • 无关闭按钮IE
    window.open("aa.htm", "meizz", "fullscreen=7");
  • 统一编码/解码
    alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
    encodeURIComponent对":"、"/"、";" 和 "?"也编码
  • 表格行指示
    <tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'">
    • 分享到：
    | jstl总结
    评论
    发表评论

    您还没有登录,请您登录后再发表评论

    相关推荐

      JavaScript使用技巧精萃

      JavaScript使用技巧精萃 JavaScript使用技巧精萃 JavaScript使用技巧精萃

      Javascript使用技巧 -.mht

      Javascript使用技巧 -.mht

      JavaScript使用技巧大全

      以下是一些核心的JavaScript技巧和概念的详细解释： 1. **变量声明与作用域**：了解`var`, `let`, 和 `const` 的区别至关重要。`var` 具有函数作用域，可能导致意外的全局变量；而`let` 和 `const` 引入了块级作用...

      JavaScript使用技巧

      本文将围绕JavaScript的使用技巧，包括类型转换、面向对象编程和AJAX技术进行深入探讨。 一、JavaScript类型转换 1. `toString()`：将变量转换为字符串。例如，`Number(123).toString()` 将数字转换为字符串 "123...

      JavaScript使用技巧精萃sql基础知识大全

      JavaScript使用技巧： 1. **变量与数据类型**：JavaScript中的数据类型包括基本类型（如字符串、数字、布尔值、null和undefined）和引用类型（如对象和数组）。了解如何声明变量（var、let和const的区别）和它们的...

      网页设计人员必看：JavaScript使用技巧精萃

      linktempDelete.Attributes["onclick"]="javascript:return confirm('"+"确认删除?"+"');"; 3. private void grdProject_ItemDataBound(object sender, DataGridItemEventArgs e) 4. { if ((e.Item.ItemType...

      javascript使用技巧

      对javascript开发过程中一些常见 错误 注意事项进行阐述

      ## JavaScript语言: 介绍、使用技巧和经典案例

      ### JavaScript语言：详细介绍、使用技巧及经典案例分析 #### 一、JavaScript简介 JavaScript是一种轻量级、解释型的编程语言，最初由Netscape公司的布兰登·艾奇（Brendan Eich）在1995年设计并实现。这种语言的...

      JavaScript视频教程资料

      很好的Javascript视频教程，对Javascript的原理做了深入讲解，包含视频，资料，文档。看完了这个视频，如果还是不了解Javascript，你来找我

      JavaScript小技巧全集 JavaScript教程 JavaScript源代码集

      JavaScript，作为全球最广泛使用的脚本语言之一，是构建网页动态功能和交互效果的基础。这个“JavaScript小技巧全集”提供了丰富的教程和源代码，旨在帮助开发者深入理解和掌握JavaScript的各种实用技巧。 首先，...

      JavaScript使用技巧精萃[代码非常实用]

      JavaScript是Web开发中不可或缺的一部分，它提供...这些JavaScript技巧都是在实际开发中常用且实用的，掌握它们能提高代码质量，提升用户体验。在使用时，应结合具体项目需求灵活应用，并注意代码的可维护性和兼容性。

      js技巧 javaScript编码技巧

      以上技巧和知识点在200个js技巧.docx文档中可能有更详尽的解释和实例，建议深入学习，结合实践以提升JavaScript编程技能。同时，不断关注JavaScript的最新发展，如ES规范的更新，以及社区的最佳实践，将有助于你成为...

    Magicbox
    Global site tag (gtag.js) - Google Analytics