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

dom.onclick 与 <html onclick>的区别

阅读更多
function test()
{
alert(this)
}
cc={}
cc.aa=test;

cc.bb=function (){test()}
cc.aa()//this==cc
cc.bb()//this==window
  • 大小: 2 MB
  • 大小: 12.1 KB
分享到:
评论

相关推荐

    09-DOM.html

    web前端技术分享,HTML、css、javascript上课的一些小技巧和案例分享。 &lt;!--变色--&gt; &lt;button onclick="size2()"&gt;+&lt;/button&gt; &lt;button onclick="size1... &lt;script src="js/09-DOM.js"&gt; &lt;/script&gt;

    表格的添加,全选,删除

    &lt;td&gt;...&lt;/td&gt; &lt;td&gt;...&lt;/td&gt; &lt;td&gt;...&lt;/td&gt; &lt;td&gt;&lt;button onclick="deleteRow(this)"&gt;删除&lt;/button&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;script&gt; function deleteRow(button) { var row = button.parentNode.parentNode; row...

    HTML 语言教程

    1. 新增元素:如`&lt;article&gt;`、`&lt;aside&gt;`、`&lt;footer&gt;`、`&lt;header&gt;`、`&lt;nav&gt;`等,提供更好的语义化。 2. 数据存储:`localStorage`和`sessionStorage`用于本地数据存储。 3. 视频和音频:`&lt;video&gt;`和`&lt;audio&gt;`元素支持...

    基于DOM的网格样式表单的设计与实现.pdf

    &lt;thead&gt;&lt;tr&gt;&lt;th&gt;学期&lt;/th&gt;...&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt; &lt;!-- 使用服务器端生成的历史数据HTML代码 --&gt; &lt;tbody id="test"&gt;&lt;% =retrieveRows %&gt;&lt;/tbody&gt; &lt;!-- 添加行按钮 --&gt; &lt;input type="button" value="增加行" ...

    跳出div层对话框。。。。。。

    &lt;button onclick="showDialog()"&gt;显示对话框&lt;/button&gt; &lt;div id="dialog"&gt;这是一个对话框&lt;/div&gt; &lt;script&gt; function showDialog() { document.getElementById('dialog').style.display = 'block'; } &lt;/script&gt;...

    JavaScript中Dom操作实例详解.docx

    更多关于 JavaScript 相关内容感爱好的读者可查看本站专题:《JavaScript 操作 DOM 技巧总结》、《JavaScript 页面元素操作技巧总结》、《JavaScript 大事相关操作与技巧大全》、《JavaScript 查找算法技巧总结》、...

    使用bootstrap实现多选下拉框

    &lt;button class="btn btn-primary" onclick="showSelected()"&gt;查看已选&lt;/button&gt; &lt;script&gt; function showSelected() { var selectedOptions = $('#exampleSelectMultiple').val(); alert('已选择:' + ...

    HTML 语言和JavaScript语言.ppt

    7. `&lt;b&gt;`, `&lt;i&gt;`, `&lt;u&gt;`:分别用于加粗、斜体和下划线文本。 8. `&lt;sub&gt;`, `&lt;sup&gt;`:用于创建下标和上标文本,如化学公式中的分子式或数学指数。 例如: ```html &lt;html&gt; &lt;head&gt; &lt;title&gt;示例标题&lt;/title&gt; &lt;/head&gt; ...

    JavaScript代码helloWorld1

    DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;...&lt;/head&gt;&lt;body&gt;...&lt;/body&gt;&lt;/html&gt;。这是一个基本的 HTML5 文档结构,包含了文档类型声明、HTML 元素、head 元素和 body 元素。 在 head 元素中,我们可以看到&lt;meta charset="utf-8" /&gt;...

    JavaScript教案.docx

    &lt;button type="button" onclick="myFunction()"&gt;尝试一下&lt;/button&gt; &lt;/body&gt; &lt;/html&gt; ``` JavaScript还可以通过外部文件引入,将代码封装在.js文件中,然后在HTML中引用,以提高代码的可维护性和重用性。例如: ```...

    前端开源库-react-overlays

    &lt;&gt; &lt;Button onClick={handleShow}&gt;Open Modal&lt;/Button&gt; &lt;Modal show={show} onHide={handleClose}&gt; &lt;Modal.Header closeButton&gt; &lt;Modal.Title&gt;Modal heading&lt;/Modal.Title&gt; &lt;/Modal.Header&gt; &lt;Modal.Body&gt;...

    html css js网页设计教程.docx

    &lt;li&gt;&lt;a href="#"&gt;联系&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;main&gt; &lt;section&gt; &lt;h2&gt;欢迎&lt;/h2&gt; &lt;p&gt;这是一个响应式网页示例。&lt;/p&gt; &lt;/section&gt; &lt;/main&gt; &lt;footer&gt; &lt;p&gt;&copy; 2024 我的响应式网页&lt;/p&gt; &lt;/footer&gt; &lt;/body&gt; &lt;/...

    JSP Table 单元格合并

    &lt;input type="checkbox" name="checkbox" value="${result.factoryID},${result.supplierI}" onclick="selectBox()" /&gt; &lt;/td&gt; &lt;td class="td1"&gt;${result.factoryShortName}&lt;/td&gt; &lt;td class="td2"&gt;${result....

    react-一些使用React钩子的小例子

    &lt;div&gt;{user.name}&lt;/div&gt; : &lt;div&gt;加载中...&lt;/div&gt;; } ``` 3. useContext `useContext` Hook允许我们订阅全局的React Context,避免了层层传递props。例如,创建一个主题切换的Context: ```jsx const ThemeContext...

    js实现可折叠展开的手风琴菜单效果

    &lt;span class="submenu" id="sub3"&gt;- &lt;a href="#"&gt;...&lt;/a&gt;&lt;/span&gt; &lt;/div&gt; &lt;script&gt; if (document.getElementById) { document.write('&lt;style type="text/css"&gt;\n'); document.write('.submenu{display: none;}...

    ajax实现无刷新删除

    &lt;td&gt;&lt;a href="javascript:void(0)" onclick="deleteUser(&lt;%= user.getId() %&gt;);"&gt;删除&lt;/a&gt;&lt;/td&gt; &lt;/tr&gt; &lt;% } %&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt; ``` 五、application.js 示例 这个文件通常包含一些自定义的 ...

    第二课 vue与传统js编程的区别1

    str += '&lt;div&gt;&lt;span&gt;' + data[i].id + '&lt;/span&gt;&lt;span&gt;' + data[i].title + '&lt;/span&gt;&lt;span&gt;' + data[i].content + '&lt;/span&gt;&lt;/div&gt;'; } $wrap.innerHTML = str; ``` Vue提供了`v-for`指令,可以轻松地进行列表渲染,...

    JavaWeb程序设计案例教程

    ##### POST与GET请求的区别 - **POST请求**:通常用于提交数据,可以传输大量数据,安全性较高。 - **GET请求**:通常用于请求数据,数据大小有限制,安全性较低。 ##### Tomcat安装目录子目录解析 - **bin**:...

    html js alert

    &lt;button onclick="alert('Hello, World!')"&gt;Click me&lt;/button&gt; &lt;/body&gt; &lt;/html&gt; ``` 在这个例子中,当用户点击按钮时,JavaScript函数会被触发,弹出一个包含“Hello, World!”的警告对话框。 然而,如果你对...

Global site tag (gtag.js) - Google Analytics