`
hereson
  • 浏览: 1451158 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

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)
  • 替换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'">
  • 分享到:
    评论

    相关推荐

      【前端】<div>的排版练习【HTML+CSS+JavaScript(JS)】

      总结起来,这个练习旨在通过HTML的`&lt;div&gt;`标签,配合CSS的布局技巧和JavaScript的交互功能,提高开发者对前端排版的理解和实践能力。通过这个练习,开发者不仅能掌握基础的网页布局技巧,还能进一步熟悉动态页面的...

      HTML的一些用法及技巧(适合新手)

      字体和样式标签如`&lt;STRONG&gt;`和`&lt;B&gt;`用于加粗文本,`&lt;EM&gt;`和`&lt;I&gt;`用于斜体,`&lt;TT&gt;`呈现等宽字体,`&lt;U&gt;`添加下划线,`&lt;H1&gt;`到`&lt;H6&gt;`定义不同级别的标题,`&lt;FONT&gt;`设定字体、大小和颜色(但现在不推荐使用),`&lt;BIG&gt;`和...

      GridView实用技巧集锦

      GridView实用技巧集锦:&lt;br&gt;1 GridView无代码分页排序&lt;br&gt;2 GridView选中,编辑,取消,删除&lt;br&gt;3 GridView正反双向排序&lt;br&gt;4 GridView和下拉菜单DropDownList结合&lt;br&gt;5 GridView和CheckBox结合&lt;br&gt;6鼠标移到...

      用javascript地址栏显示源码

      此方法不仅适用于开发者快速预览和调试页面结构,对于学习前端技术的新手而言也是一个非常实用的小技巧。 #### JavaScript与HTML源码 在Web开发中,HTML(HyperText Markup Language)是用于创建网页的标准标记...

      常用javascript整理

      1.JavaScript的数值处理对象学习 .txt&lt;br&gt;2.JavaScript的系统函数学习 .txt&lt;br&gt;3.js中用于对象的语句——with和for...in语句学习专题.txt&lt;br&gt;4.smallSoftkey小软键盘,...正则表达式.txt&lt;br&gt;9.55种网页常用小技巧 .txt

      javaScript小技巧。

      根据提供的文件内容,我们可以总结出以下几个JavaScript小技巧及相关知识点: ### 1. 引入外部JavaScript文件 在HTML文档中,可以通过`&lt;script&gt;`标签引入外部JavaScript文件来执行脚本代码。例如: ```html ...

      动态网页爱心源码,支持修改文字和音乐

      1. **HTML结构**:HTML文件(可能名为`dyHeartLove.html`)会包含一个或多个元素,比如`&lt;div&gt;`,用于创建爱心形状。这些元素可能通过CSS3的伪元素如`:before`和`:after`,以及特定的布局技巧如绝对定位来形成爱心...

      大学里的HTML课件

      在&lt;head&gt;中,我们通常设置页面标题(&lt;title&gt;)、引入外部CSS样式表(&lt;link&gt;)或JavaScript文件(&lt;script&gt;)。在&lt;body&gt;中,才是实际可见的网页内容。 在HTML中,文本元素是最基本的组成部分,如段落(&lt;p&gt;)、标题(...

      HTML 语言教程.rar

      &lt;h1&gt;一级标题&lt;/h1&gt; &lt;p&gt;这是段落内容。&lt;/p&gt; &lt;/body&gt; &lt;/html&gt; ``` `&lt;!DOCTYPE html&gt;`声明文档类型,`&lt;html&gt;`是根元素,`&lt;head&gt;`和`&lt;body&gt;`分别表示文档头和文档体。 三、HTML标签 1. 文本格式化标签:`&lt;b&gt;`粗体,`...

      网页代码常用小技巧

      "网页代码常用小技巧"这个主题涵盖了一系列能够提升HTML编写效率和优化网页效果的方法。 1. **元信息与头部元素**: HTML文档的&lt;head&gt;部分常常被用来放置元信息,如字符编码、页面标题、样式表链接、JavaScript...

      html入门教程

      头部&lt;head&gt;通常包含元信息,如标题&lt;title&gt;、CSS样式链接&lt;link&gt;、JavaScript脚本&lt;script&gt;等,而主体&lt;body&gt;则包含网页的实际内容,如文本、图片、链接等。 2. HTML元素:HTML元素是通过标签来表示的,如&lt;body&gt;, &lt;p&gt;, ...

      html学习笔记

      HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言。... 首先,HTML元素由开始...通过深入学习和实践,你可以掌握更高级的布局技巧,如响应式设计和JavaScript交互,从而成为一位熟练的前端开发者。

      html语法教程下载

      &lt;p&gt;这是一个简单的段落。&lt;/p&gt; &lt;br&gt; &lt;hr&gt; &lt;img src="image.jpg" alt="示例图片"&gt; &lt;table&gt; &lt;tr&gt; &lt;th&gt;标题&lt;/th&gt; &lt;th&gt;描述&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;项1&lt;/td&gt; &lt;td&gt;这是项1的描述&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;a href...

      html.zip

      例如,`&lt;p&gt;`用于定义段落,`&lt;h1&gt;`到`&lt;h6&gt;`定义不同级别的标题,`&lt;a&gt;`用于创建超链接,`&lt;img&gt;`插入图片,`&lt;ul&gt;`和`&lt;ol&gt;`创建无序和有序列表,`&lt;div&gt;`作为布局容器等。 3. **属性与值**:HTML标签可以有属性,属性...

      JavaScript一些技巧(转载)

      根据给定的文件信息,以下是对“JavaScript一些技巧”中涉及的关键知识点的详细解析: ### 1. 事件处理:`onBlur`, `onFocus`, `onChange`, `onSelect` 在网页开发中,事件处理是与用户交互的核心部分。`onBlur`...

      HTML 语言教程电子书

      而`&lt;script&gt;`标签引入JavaScript代码,实现动态效果和用户交互。 六、HTML5的新特性 HTML5引入了许多新元素和API,如`&lt;canvas&gt;`用于绘制图形,`&lt;video&gt;`和`&lt;audio&gt;`嵌入多媒体,`&lt;input type="date"&gt;`等新的输入...

      HTML使用手册

      `&lt;span&gt;`用于在行内元素中插入小范围的样式。 三、HTML属性 标签可以有零个或多个属性,用来提供额外的信息。例如: 1. `class`属性用于关联CSS类,定义样式。 2. `id`属性为元素提供唯一的标识符,常用于...

      HTML编码参考手册全

      `&lt;head&gt;`中可以包含`&lt;title&gt;`定义页面标题,`&lt;meta&gt;`标签设置元信息,以及`&lt;link&gt;`和`&lt;script&gt;`标签引入外部资源如CSS样式表和JavaScript脚本。 CSS(Cascading Style Sheets)常与HTML结合使用,用于定义页面的...

      JavaScript方法和技巧大全

      ### JavaScript方法和技巧大全 #### 知识点一:JavaScript基本结构与注释 在HTML文档中嵌入JavaScript代码的基本格式是使用`&lt;script&gt;`标签。例如: ```html &lt;script language="JavaScript"&gt; // 这里是JavaScript...

      html 技 巧 集

      - `&lt;br&gt;`标签用于插入一个单行的换行。 4. **链接**(Links) - `&lt;a&gt;`标签创建超链接,`href`属性指定链接的目标地址。 5. **图像**(Images) - `&lt;img&gt;`标签插入图片,`src`属性指定图片源,`alt`属性提供替代...

    Global site tag (gtag.js) - Google Analytics