document.write()、onclick="alert(xxx)、innerHTML、image.src.match("xxx")、id2.style.color="blue";、isNaN(id2)、document.write("糟糕！文档消失了。")、alert(id2.outerHTML)、id2.className="id06";、onclick="return registe"
<html>
<head>
<meta charset="utf-8">
<title>javascript</title>
<style>
.id06{
width:50px;
border:1px solid red;
background:green;
color:white;
}
.jsDiv3{
float:left;
width:350px;
background:black;
color:white;
border:1px solid red;
}
</style>
</head> <body>
<script language="javascript">
function jsD(){
var jsDiv2=document.getElementById("jsDiv");
//alert(jsDiv.outerHTML);
jsDiv2.className="jsDiv3";
}
setTimeout('jsD()',100);
</script>
<div id="jsDiv">
JavaScript 变量有很多种类型，但是现在，我们只关注数字和字符串。
当您向变量分配文本值时，应该用双引号或单引号包围这个值。
当您向变量赋的值是数值时，不要使用引号。如果您用引号包围数值，该值会被作为文本来处理。<br/>
*一个好的编程习惯是，在代码开始处，统一对需要的变量进行声明。<br/>
var name="Gates", age=56, job="CEO";
</div> <script type="text/javascript">
//1写入 HTML 输出 和js写的位置有关
document.write("<h1 style='margin-left:35%'>1写入 HTML 输出</h1>");
</script> <form method="post" action="xxx.jsp"> <table border="1" cellspacing="0" cellpadding="5px" width="600px" style="margin-left:33%">
<tr><td align="center">2对事件作出反应</td><td align="center"><input type="button" onclick="alert('对事件作出反应')" value="button"/></td></tr>
<script language="javascript">
function demo(){
var id2=document.getElementById("de01");
id2.style.display="block";
//var id2=document.getElementsByName("de01")[0]; //注释的为实现？？？
//var id2=document.all["de01"];
//alert(111+"###"+id2);
id2.innerHTML="Hello World!";
}
</script>
<tr><td align="center">3改变 HTML 内容(插入內容)innerHTML</td><td align="center"><input type="button" onclick="demo()" value="button"/><p id="de01" name="de01" style="display:none">111</p></td></tr>
<script language="javascript">
function demo02(){
var id2=document.getElementById("de02");
if(id2.src.match("police")){
id2.src="copy_rignt_24.png";
id2.alt="版权";
}else{
id2.src="icon-police";
id2.alt="警徽";
}
}
</script>
<tr><td align="center">4改变 HTML 图像*</td><td align="center"><img src="icon-police.png" id="de02" onclick="demo02()"/></td></tr>
<script language="javascript">
function demo03(){
var id2=document.getElementById("de03");
id2.style.display="block";
if(id2.style.color=="red"){
id2.style.color="blue";
}else{
id2.style.color="red";
}
}
</script>
<tr><td align="center">5改变 HTML 样式</td><td align="center"><input type="button" onclick="demo03()" value="button"/><p id="de03" name="de03" style="display:none">改变 HTML 样式</p></td></tr>
<script language="javascript">
function demo04(){
var id2=document.getElementById("de04").value;
if(id2==""||isNaN(id2)){
alert("不是数字！！！");
}
}
</script>
<tr><td align="center">6验证用户的输入</td><td align="center"><input type="text" onblur="demo04()" id="de04"/></td></tr>
<script>
function myFunction(){
document.write("糟糕！文档消失了。");
}
</script>
<tr><td align="center" style="color:red">7警告,请使用 document.write() 仅仅向文档输出写内容。<br/>如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖：</td>
<td align="center"><button onclick="myFunction()">点击这里</button></td></tr> <script language="javascript">
function demo05(){
var id2=document.getElementById("id05");
alert(id2.outerHTML);
}
</script>
<tr id="id05"><td align="center" style="color:red">8弹出页面内容及元素（outerHTML）</td><td align="center"><button onclick="demo05()">button</button></td></tr>
<script language="javascript">
function demo06(){
var id2=document.getElementById("id06");
id2.style.display="block";
id2.className="id06";
}
</script>
<tr><td align="center" style="color:red">9通过js实现改变css样式（className）</td><td align="center"><button onclick="demo06()">button</button><p id="id06" style="display:none">JS-CSS样式</p></td></tr> <tr><td align="center" colspan="2">10 return false组织程序向下蔓延(执行)</td></tr>
<tr><td align="center">用户名:</td><td align="center"><input type="text" id="username"/></tr>
<tr><td align="center">密码:</td><td align="center"><input type="password" id="password"/></td></tr>
<tr><td align="center">性别:</td><td align="center"><input type="radio" name="sex" value="M">男<input type="radio" name="sex" value="W">女</td></tr>
<tr><td align="center">爱好:</td><td align="center"><input type="checkbox" value="爬山" name="hobby"/>爬山
<input type="checkbox" value="游泳" name="hobby"/>游泳
<input type="checkbox" value="跑步" name="hobby"/>跑步
<input type="checkbox" value="学习" name="hobby"/>学习
</td></tr>
<tr><td align="center" colspan="2"><input type="submit" onclick="return register()" value="注册"/></tr>
<script language="javascript">
function register(){
var username=document.getElementById("username").value,password=document.getElementById("password").value;
var sex=document.getElementsByName("sex"),hobby=document.getElementsByName("hobby");
//用户名判断
if(username==null||username.trim()==""){
alert("请输入用户名!");
return false;
}
//密码判断
if(password==null||password.trim()==""){
alert("请输入密码!");
return false;
}
//性别判断
var flag=false;
for(var i=0;i<sex.length;i++){
if(sex[i].checked){
flag=true;
break;
}
}
if(flag==false){
alert("请选择性别！");
return false;
}
//爱好判断
var num=0;
for(var i=0;i<hobby.length;i++){
if(hobby[i].checked){
num++;
}
}
if(num<2){
alert("请选择两个及以上的爱好！");
return false;
}
}
</script>
</table> </form>
<!--
<tr><td align="center"></td><td align="center"></td></tr> <tr><td align="center">JS测试</td><td align="center"><input type="text" placeholder="xxx" onfocus="fun(this)" value="JS测试!!!" size="12px"/></td></tr>
<script type="text/javascript">
function fun(obj){
alert(111+"---"+obj.value+"---"+obj.type+"---"+obj.rows);
}
</script>
-->
</body>
</html>
document.write()、onclick="alert(xxx)、innerHTML、image.src.match("xxx")、id2.style.color="blue";、isNaN(id2)、document.write("糟糕！文档消失了。")、alert(id2.outerHTML)、id2.className="id06";、onclick="return registe"的更多相关文章
- javascript之DOM(Document Object Model) 文档对象模型
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
- 您只能在 HTML 输出流中使用 document.write。如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
刚刚接触JS,看到这句话时一时没搞懂,想了终于有了一些眉目,意思就是在文档加载过后,如果我们用比方说按钮的方式重新加载文档,就会把文档都覆盖: 列如: <!DOCTYPE html> &l ...
- 如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖
<!DOCTYPE html> <html> <body> <h1>My First Web Page</h1> <p>My F ...
- 【ElasticSearch】：索引Index、文档Document、字段Field
因为从ElasticSearch6.X开始,官方准备废弃Type了.对应数据库,对ElasticSearch的理解如下: ElasticSearch 索引Index 文档Document 字段Fiel ...
- 在标记的HREF属性中javascript:alert(this.innerHTML)会怎么样?
原文:在标记的HREF属性中javascript:alert(this.innerHTML)会怎么样? <a href="javascript:alert(this.innerHTML ...
- git push 报src refspec xxx does not match any的错误
今天在向一个新的远程分支上推送项目的时候报错: 远程分支branch_new是其他人建的,我在自己本地修改后把自己分支的修改推送到这个远程分支上. 把修改提到本地仓库: git add ./ git ...
- Javascript学习8 - 脚本化文档(Document对象)
原文:Javascript学习8 - 脚本化文档(Document对象) 每个Web浏览器窗口(或帧)显示一个HTML文档,表示这个窗口的Window对象有一个document属性,它引用了一个Doc ...
- document文档对象
document 文挡对象 - JavaScript脚本语言描述———————————————————————注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写否则会提示你一 ...
- JavaScript权威设计--JavaScript脚本化文档Document与CSS(简要学习笔记十五)
1.Document与Element和TEXT是Node的子类. Document:树形的根部节点 Element:HTML元素的节点 TEXT:文本节点 >>HtmlElement与 ...
随机推荐
- 【SGU194&ZOJ2314】Reactor Cooling（有上下界的网络流）
题意: 给n个点,及m根pipe,每根pipe用来流躺液体的,单向的,每时每刻每根pipe流进来的物质要等于流出去的物质,要使得m条pipe组成一个循环体,里面流躺物质. 并且满足每根pipe一定的流 ...
- set(集合)数据类型【七】
一.概述:(类似于Java的Set,不允许有重复元素) 在Redis中,我们可以将Set类型看作为没有排序的字符集合,和List类型一样,我们也可以在该类型的数据值上执行添加.删除或判断某一元素是否存 ...
- HDU 5641 King's Phone【模拟】
题意: 给定一串密码, 判断是否合法. 长度不小于4 不能重复经过任何点 不能跳过中间点,除非中间点已经经过一次. 分析: 3*3直接记录出可能出现在两点之间的点,直接模拟就好. 注意审题,别漏了判断 ...
- [HDU5709]Claris Loves Painting(动态开点线段树+合并)
题意:有n(<=1e5)个点的树,每个点都有颜色(颜色可能重复),有m(<=1e5)个询问,每次询问(x,d)问在x的子树中,与x的距离不超过d的节点有多少种不同的颜色.强制要求在线. 分 ...
- Memcached集群之通过Repcached实现主从复制（待实践）
暂时了解有这东西,不搭建了. Mamcached可以通过Repcached实现主从复制.有以下优缺点: 优点: 1.能够实现Cache的冗余功能 2.主从之间可以互相读写(亮点) 参考: http:/ ...
- SAS编程基础 - 逻辑库和数据集
1. SAS逻辑库 1.1 创建SAS逻辑库: libname lb 'F:\Data_Model'; libname是关键字,lb是创建的逻辑库的名称,引号内的内容是目录路径,最后一个分号结束程序语 ...
- Grails边做边学入门篇[1]--------大家一起来动手建立project和Domain
近期工作比較忙,没空写博客了.我发现每周五的下午都是我最放松的时候,可能是迟延症的缘故吧...总是寄希望于周末,慢慢的.我的周末就被工作占领了. 希望大家不要有这种坏毛病.今日事,今日毕.当然我们程序 ...
- ZOJ3659 Conquer a New Region 并查集
Conquer a New Region Time Limit: 5 Seconds Memory Limit: 32768 KB The wheel of the history roll ...
- 蓝桥 ADV-233 算法提高 队列操作 【STL】
算法提高 队列操作 时间限制:1.0s 内存限制:256.0MB 问题描述 队列操作题.根据输入的操作命令,操作队列(1)入队.(2)出队并输出.(3)计算队中元素个数并输出. ...
- fatal error LNK1123: failure during conversion to COFF: file invalid or corrupt
project->xx Properties->Manifest->Input and Output->Embed Manifest将yes修改为no