DOM基本代码二

-------------------------------

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        function modifyClipboard()
        {
            var txt = clipboardData.getData("text");
            txt = txt + " 本文章来自于陈龙制作,文章来源:" + location.href;
            clipboardData.setData(‘text‘,txt);
        }
    </script>
</head>
<body onclose="alert(‘是否关闭?‘);return false;">
    <input type="button"value="点击"onclick="if(window.event.altKey)alert(‘alt键被按下‘)"/>
    <input type="button"value="点击"onclick="if(window.event.shiftKey)alert(‘shift键被按下‘)"/>
    <!--类似于上面的按钮判断的还有各种其他的-->
    <!--将window.event.returnValue = false 后就会阻止默认事件动作-->
    <a href="http://www.taobao.com" onclick="window.event.returnValue = false;">淘宝</a>
    <input type="button"value="分享给好友"onclick="clipboardData.setData(‘text‘, ‘I find a quite well net page which is filled with AV‘ + location.href); alert(‘已经放到粘贴板上‘);"/>
    <table border="1">
        <tr>
            <td><label for="name">姓名:</label></td>
            <td><input type="text" id="name"/></td>
        </tr>
        <tr>
            <td><label for="pass1">手机号</label></td>
            <td><input type="text" id="pass1" onpaste="alert(‘禁止粘贴‘); return false;"/></td>
        </tr>
        <tr>
            <td><label for="pass2">重复手机号</label></td>
            <td><input type="text" id="pass2" onpaste="alert(‘禁止粘贴‘); return false;" /></td>
        </tr>
    </table>
    <textarea oncopy="alert(‘禁止复制‘); return false;"onpaste="alert(‘禁止粘贴‘); return false;">
    这里是文章的内容,复制这里吧!
    </textarea>

    <!--oncopy 和onpaste两种事件适合任何文本框,是在复制粘贴时对应的事情-->
    <!--不能再oncopy事件上修改粘贴板,需等待少许事件,0.1秒之类的-->
    <br/>
    <textarea oncopy="setTimeout(‘modifyClipboard()‘,100)">
        试试复制的时候要加上我的内容的方法吧!
    </textarea>
    <a href=" htmlpagedom.html" onclick="window.event.returnValue=false">htmlpagedom.html</a>

</body>
</html>
时间: 2024-10-12 08:16:14

DOM基本代码二的相关文章

JavaScript(DOM编程二)

文档加载完毕之后,在Window.onload方法中创建元素节点,添加到DOM文档中 代码演示: <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload=function(){ alert("运行前....

jQuery Dom 系列(二)

DOM节点删除之empty()的基本用法 要移除页面上节点是开发者常见的操作,jQuery提供了几种不同的方法用来处理这个问题,这里我们开仔细了解下empty方法 empty 顾名思义,清空方法,但是与删除又有点不一样,因为它只移除了 指定元素中的所有子节点. 这个方法不仅移除子元素(和其他后代元素),同样移除元素里的文本.因为,根据说明,元素里任何文本字符串都被看做是该元素的子节点.请看下面的HTML: <div class="hello"><p>慕课网<

jQuery的dom操作(二)转

addClass() 向匹配的元素添加指定的类名. after() 在匹配的元素之后插入内容. append() 向匹配的元素内部追加内容. appendTo() 向匹配的元素内部追加内容. attr() 设置或返回匹配元素的属性和值. before() 在每个匹配的元素之前插入内容. clone() 创建匹配元素集合的副本. detach() 从 DOM 中移除匹配元素集合. empty() 删除匹配的元素集合中所有的子节点. hasClass() 检查匹配的元素是否拥有指定的类. html(

DOM基本代码一

dom学习基本代码第一部分 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>event deal</title> 5 <style type="text/css"> 6 .leixing{color:red;} 7 </style> 8 <script type=

js学习总结:DOM节点二(dom基本操作)

一.DOM继承树 DOM--Document Object Model DOM定义了表示修改文档所需要的方法.DOM对象即为宿主对象,由浏览器厂商定义,用来操作html和xml的一类厂商定义,也有人称DOM是对HTML以及xml的标准编程接口. 继承树模型图: 1.document继承于HTMLDocument,而HTMLDocument继承于Document; 2.文本节点对象Text与注释节点对象Comment继承于CharacterData 3.在Element节点下其实存在两个子节点,除

Shadow DOM(二)

在前一篇博文中,简单地介绍了Shadow DOM是什么. 本文,将重点介绍Shadow DOM能做什么.如何创建Shadow DOM以及Shadow DOM的相关概念. Shadow DOM 能做什么 简单地说,有了Shadow DOM(若浏览器支持该规范),开发者可以封装HTML标签,CSS样式以及JavaScript,提供一个新的作用域空间.Shadow DOM结合后续将介绍的其他Web Components技术,开发者将具有开发出类似<input type="time"&g

五、javaScript基础&amp;DOM(二)

笔记内容导图:   一.元素对象(element对象) 要操作element对象,首先要获取到element  (使用document里面相应的方法获取) element里面的方法 getAttribute("属性名称") :获取属性里面的值 <html> <body> <input type="text" id="a" class="haha" value="name">

jQuery开发之DOM操作二

接上篇文章 3,插入节点 插入节点的方法如下图: 4,删除节点 (1) remove()方法 作用是从DOM中删除所有匹配的元素.示例代码如下: var $li =$("ul li:eq(1)").remove(); //获取第二个<li>节点后,将它从网页中删除. 注意:当某个节点用remove()删除后,该节点包含的所有后代节点将同时被删除.这个方法的返回值是一个指向被删除节点的引用,因此可以在以后继续使用这些元素. (2) detach()方法 detach() 和r

DOM(二)使用DOM

在了解DOM(文本对象模型)的框架和节点后,最重要的是使用这些节点处理html网页 对于一个DOM节点node,都有一系列的属性和方法可以使用.常用的有下表. 1.访问节点 BOM提供了一些边界的方法访问节点,常用的就是getElementsByTagName(),和getElementById() <script type="text/javascript"> function searchDOM(){ var oLi = document.getElementsByTa