标签:setattr null parent 验证码 script class 轮播 pre int
<!--计算器-->
请输入数字1: <input type="text" id="n1"><br>
请输入数字2: <input type="text" id="n2"><br>
请选择运算符:
<select name="" id="fh">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select><br>
<button id="btn1" onClick="a()">计算</button>结果为: <span id="jg1"></span>
<script>
function a(){
var n1 = +document.getElementById("n1").value;
var n2 = +document.getElementById("n2").value;
var fh = document.getElementById("fh").value;
var btn1 = document.getElementById("btn1");
var str = "";
switch(fh){
case "+":
str = n1 + n2;
break;
case "-":
str = n1 - n2;
break;
case "*":
str = n1 * n2;
break;
case "/":
str = n1 / n2;
break;
}
document.getElementById("jg1").innerHTML = str;
}
</script>
<!--动态时钟-->
<div id="st"></div>
<script>
function getDate(){
var date = new Date();
var date1 = date.toLocaleString();
var div1 = document.getElementById("st");
div1.innerHTML = date1;
}
setInterval("getDate()",1000);
</script>
<!--全选全不选-->
<table width="300" border="1">
<tr>
<th>
<input type="checkbox" id="qx" onClick="qx()">全选
</th>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
</tr>
<tr>
<td>
<input type="checkbox" class="xz">
</td>
<td>默默</td>
<td>女</td>
<td>20</td>
</tr>
<tr>
<td>
<input type="checkbox" class="xz">
</td>
<td>笨笨</td>
<td>女</td>
<td>20</td>
</tr>
<tr>
<td>
<input type="checkbox" class="xz">
</td>
<td>娜娜</td>
<td>女</td>
<td>20</td>
</tr>
</table>
<script>
function qx(){
var qx = document.getElementById("qx");
var zhi = qx.checked;
var xz = document.getElementsByClassName("xz");
for(var i = 0;i < xz.length;i++){
xz[i].checked = zhi;
}
}
</script>
<!--轮播图-->
<button onClick="sy()" id="syz">上一张</button>
<img src="imgs/300 (1).jpg" id="tp">
<button onClick="xy()" id="xyz">下一张</button>
<script>
var syz = null;
var xyz = null;
var tp = null;
var imgs = [];
var n = null;
var tm = null;
window.onload = function(){
syz = document.getElementById("syz");
xyz = document.getElementById("xyz");
tp = document.getElementById("tp");
imgs = ["imgs/300 (1).jpg","imgs/300 (2).jpg","imgs/300 (3).jpg","imgs/300 (4).jpg","imgs/300 (5).jpg"];
n = 0;
tm = setInterval(xy,3000);
tp.onmouseover = function(){
clearInterval(tm);
}
tp.onmouseout = function(){
tm = setInterval(xy,3000);
}
}
function sy(){
n--;
if(n < 0){
n = imgs.length - 1;
}
for(var i = 0;i < imgs.length;i++){
tp.setAttribute("src",imgs[n]);
}
}
function xy(){
n++;
if(n > imgs.length - 1){
n = 0;
}
for(var i = 0;i < imgs.length;i++){
tp.setAttribute("src",imgs[n]);
}
}
</script>
<!--36选7-->
<div id="szs"></div>
<button onClick="ks()">开始</button><span id="sjjg"></span>
<script>
function xxx(){
var str = "";
for(var i = 1;i < 37;i++){
str += i + ‘,‘;
}
document.getElementById("szs").innerHTML = str;
}
xxx();
function ks(){
var stt = "";
for(i = 0;i < 7;i++){
var zhi = parseInt(Math.random()*36)+1;
if(stt.indexOf(zhi) == -1){
stt += zhi + ",";
}else{
i--;
}
}
document.getElementById("sjjg").innerHTML = stt;
}
</script>
<!--验证码-->
<br>验证码: <span id="mmm"></span><br>
请输入验证码: <input type="text" id="srrr"> <br>
<button onClick="yy()">验证</button><span id="nnn"></span>
<script>
function ll(){
var zfs = "123456asdfgh";
zfs = zfs.split("");
var str = "";
for(var i = 0;i < 4;i++){
var zhi = parseInt(Math.random()*zfs.length);
str += zfs[zhi];
}
document.getElementById("mmm").innerHTML = str;
}
ll();
function yy(){
var yzm = document.getElementById("mmm").innerHTML;
var srr = document.getElementById("srrr").value;
if(yzm == srr){
document.getElementById("nnn").innerHTML = "输入正确";
}else{
document.getElementById("nnn").innerHTML = "输入错误";
}
}
</script>
<!--表格添加删除-->
<table width="300" border="1" id="tab">
<tr>
<th onClick="change(this)">年级</th>
<th onClick="change(this)">姓名</th>
<th onClick="change(this)">性别</th>
<th onClick="change(this)">操作</th>
</tr>
<tr>
<td onClick="change(this)">1</td>
<td onClick="change(this)">找找</td>
<td onClick="change(this)">女</td>
<td>
<button onClick="del(this)" class="scc">删除</button>
</td>
</tr>
<tr>
<td onClick="change(this)">2</td>
<td onClick="change(this)">等等</td>
<td onClick="change(this)">女</td>
<td>
<button onClick="del(this)" class="scc">删除</button>
</td>
</tr>
<tr>
<td onClick="change(this)">3</td>
<td onClick="change(this)">肉肉</td>
<td onClick="change(this)">女</td>
<td>
<button onClick="del(this)" class="scc">删除</button>
</td>
</tr>
</table>
<button onClick="add()" id="cre">添加</button>
<script>
function add(){
var tab = document.getElementById("tab");
tab.innerHTML += `<tr>
<td onClick="change(this)">4</td>
<td onClick="change(this)">星星</td>
<td onClick="change(this)">女</td>
<td>
<button onClick="del(this)" class="scc">删除</button>
</td>
</tr>`
}
function del(obj){
obj.parentElement.parentElement.remove();
}
</script>
标签:setattr null parent 验证码 script class 轮播 pre int
原文地址:https://www.cnblogs.com/1500418882qqcom/p/10155559.html