Html笔记
来源:互联网 发布:app mac下载失败 编辑:程序博客网 时间:2024/06/15 19:13
test1--
<html><head><title>js输入对话框</title></head><body><script language="javascript">function myClick(){str = prompt("请输入你的数据:","");if (str != null){a = str.split(",");a.sort();alert(a);}}</script><button type="button" onclick = "myClick()">Click Me!</button></body></html>
test2---
<html><head><title>js输入对话框</title></head><body ><input type="text" id="input" style="width: 150px"><p><textarea id="textarea" style="width:150px;height: 200px"></textarea></body><script type="text/javascript">var input = document.getElementById("input");input.onkeydown = function(event){if(event.keyCode==13){var textarea = document.getElementById("textarea");textarea.value+=input.value+"\n";this.value = "";}}</script></html>
test3---
<html><head><title>js输入对话框</title></head><body ><a id="link" href="http://www.baidu.com">点击跳转</a></body><script type="text/javascript">document.getElementById("link").onclick = function(event){alert("hellow world!");var event = event||window.event;if(event.preventDefault)event.preventDefault();//W3Cif(event.returnValue)event.returnValue=false;//<Ie9return false;//用于标签事件属性绑定的事件函数}</script></html>
test4--
<html><head><title>test4</title></head><body></body><script language="javascript">function addDom(){var evt = evt||event;var x = evt.clientX;var y = evt.clientY;var span = document.createElement("span");span.appendChild(document.createTextNode("这是子节点"));span.style.position = "absolute";span.style.border = "1px solid green";span.style.left = x;span.style.right = y;span.style.top = y;span.backgroundColor = "#ffff00";span.style.color="#000000";span.style.padding = "2px";span.onclick = delDom;document.body.appendChild(span);if(window.event){evt.cancelBubble = true;}else{evt.stopPropagation();}}function delDom(evt){var evt = evt||event;document.body.removeChild(this);if(window.event){//如果不取消冒泡,会再次调用addDom函数evt.cancelBubble=true;}else{evt.stopPropagation();}}document.onclick = addDom;</script></html>
阅读全文
0 0
- HTML笔记-HTML基础
- 【HTML】HTML学习笔记
- html笔记
- html笔记
- html笔记
- HTML笔记
- html笔记
- html笔记
- HTML笔记
- HTML 笔记
- html笔记
- HTML笔记
- html笔记
- HTML笔记
- HTML 笔记
- HTML笔记
- html笔记
- HTML 笔记
- VirtualBox虚拟机网络设置(四种方式)
- 深入理解JVM之虚拟机字节码执行引擎
- 使用Tensorflow实现多GPU并行训练
- CSS各种选择器 【一】
- eclipse中tomcat能正常启动,但是浏览器访问不了tomcat首页 问题解决
- Html笔记
- 浅谈Lambda表达式详解
- 01:查找最接近的元素
- Adding Action Buttons
- react-native run-ios 报错 No bundle url present
- 天天学Linux命令54--grep 命令
- LINUX目录结构
- Vue2.0路由篇之路由跳转的一个小问题
- LeetCode||57. Insert Interval