![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
JenniferSara
努力学习前端知识,如果有志同道合的小伙伴,可以一起学习
展开
-
JavaScript——Tab选项卡
Tab选项卡 * { margin: 0; padding: 0; } li { list-style: none; float: left; height: 50px; wid原创 2016-11-28 22:37:06 · 448 阅读 · 0 评论 -
JavaScript——选择排序法
var arr=["1","3","6","4","8","2"]document.write("排序前"+arr+"");for(var n=0;n {for(var i=n+1;i {if(arr[n] { var t = arr[n]; arr[n]=arr原创 2016-11-19 17:00:14 · 489 阅读 · 0 评论 -
JavaScript——替换敏感字符并实现字符统计
替换敏感字符,并实现字符统计功能 按钮 function bt(){ var text=document.getElementById("text").value; var t=text.replace(/敏感字符/g,"***"); document.getE原创 2016-11-19 18:05:16 · 873 阅读 · 0 评论 -
JavaScript——将字符串转化成数组,并以列表的形式在文档中输出
将字符串转化成数组,并以列表的形式在文档中输出 var ball="篮球,地球,足球,火球,什么" var ball1=ball.split(","); document.write(""); for(var n=0;n document.write(""+ball1[n]+"");原创 2016-11-19 18:06:44 · 1936 阅读 · 0 评论 -
JavaScript——split函数的应用
按钮一:“开始” ,用","将字符串转化成字符数组并有序排列,但是只排列一次按钮二:“确定”,用";"将字符串转化成字符数组并有序排列,每点击一次确定按钮就排列一次,可多次排列原创 2016-11-22 13:11:23 · 327 阅读 · 0 评论 -
JavaScript——控制div的显示隐藏
Title123显示隐藏 var div = document.getElementById('div'); var btn = document.getElementsByTagName('button'); btn[0].onclick = function(){ div.style.display = "block";原创 2016-11-26 16:37:50 · 351 阅读 · 0 评论 -
JavaScript——控制div的移动
Title上下左右 var div = document.getElementById("div"); var btn = document.getElementsByTagName("button"); btn[0].onclick = function () { div.style.top = pa原创 2016-11-26 16:39:36 · 621 阅读 · 0 评论 -
JavaScript——用键盘wasd控制div移动
w:上 a:左 s:下 d:右var div=document.getElementById('div');document.onkeydown=function(e){switch(e.keyCode){case 65:div.style.left=parseInt(div.style.left)-10+"px";break;原创 2016-11-27 16:01:53 · 3229 阅读 · 1 评论 -
JavaScript——下拉菜单实现
*{margin:0px;padding: 0px;}#one{}#one li{width: 50px;height: 30px;border:1px solid black;text-align: center;list-style: none;float: left;line-height: 30px;}#two li{wi原创 2016-12-22 20:56:51 · 511 阅读 · 0 评论 -
JavaScript——下拉刷新
*{margin: 0px;padding: 0px;}h1{text-align: center;}li{width: 100%;height: 100px;border: 1px solid pink;list-style: none;}button{width: 100%;height: 50px;}朋友圈原创 2016-12-01 18:31:43 · 422 阅读 · 0 评论 -
第一个JavaScript(点击按钮弹出窗口)
点击按钮弹出窗口 input{ width:50px; height:30px; } var ok=document.getElemen原创 2016-11-14 21:47:14 · 4889 阅读 · 2 评论 -
JavaScript——购物车实现
实现目的:1.购物数量的动态加减2.总价会随购买数量的增加减少而变化3.点击“确定购买”弹出对话框显示购买数量购买数量:1单价:总价:var down=document.getElementById("down");var up=document.getElementById("up");var num=document.原创 2016-11-16 18:01:04 · 2907 阅读 · 0 评论 -
JavaScript——计算矩形面积
计算矩形面积输入高和宽可以计算出矩形的面积计算矩形面积高:宽: var ok=document.getElementById("ok");ok.onclick=function(){var h=document.getElementById("height").value; var w=document.getElem原创 2016-11-16 18:27:05 · 7570 阅读 · 1 评论 -
JavaScript——成绩判定(1)
输入成绩:var ok=document.getElementById("ok");ok.onclick=function(){var s=document.getElementById("score").value;if (salert("不及格");}if (s>=60&&salert("及格");}if (s>=70&&salert("良好原创 2016-11-16 19:06:24 · 1925 阅读 · 0 评论 -
JavaScript——成绩查询(2)
输入成绩:var ok=document.getElementById("ok");ok.onclick=function(){var s=document.getElementById("score").value;if (s>=60) { if (s>=70) { if (s>=80) { alert("优秀");}else{ale原创 2016-11-16 19:11:57 · 1092 阅读 · 0 评论 -
JavaScript——用户登录界面
点击登录时,用户名或密码有一个为空则显示“用户名和密码不能为空”,都输入则显示“正在登录请稍后”请输入用户名和密码用户名:密码:登录:var ok=document.getElementById("ok");ok.onclick=function(){var us=document.getElementById("us"); var us原创 2016-11-16 19:36:17 · 4255 阅读 · 0 评论 -
JavaScript——输出成绩且求最大值,最小值,总分,平均分
var score02=[75,88,78,90,93,96,89,80,90,85,51,85,61,62,71,79,86,82,97,92]for(var n=0;n{document.write("成绩="+score02[n]);}var max=score02[0];//认为第一个学生的成绩是最高的for (var n=1;n{if (score02原创 2016-11-17 17:54:40 · 10560 阅读 · 1 评论 -
JavaScript——二维数组实现下拉列表
二维数组var one=document.getElementById("one");var two=document.getElementById("two");var one1=["数字","英语","汉字"];var two1=[["1","2","3","4"],["one","two","three","four"],["一","二","三","四"]原创 2016-11-17 19:17:16 · 636 阅读 · 0 评论 -
JavaScript——计时器基本使用
计时器var div=document.getElementById('div');setInterval(function(){var myday = new Date;div.innerHTML=myday;},1000);原创 2016-12-10 11:14:14 · 352 阅读 · 0 评论 -
JavaScript——点击按钮使div变色
head>metacharset="UTF-8">title>点击按钮使div变色title>style>div{border:1px solid white;width:200px;height:200px;background-color:#7f7f7f;}/style>head>body>divid="one">div>原创 2016-11-14 22:14:27 · 13017 阅读 · 0 评论