老师有个问题,在使用splice往数组中添加的元素不是永久性的添加吗,如果把添加语句注释掉,再去打印数组时添加的元素就没有了。比如:
原数组为:
使用splice添加元素:
打印的结果有js:
注释掉后打印:
打印结果:
js没了。
还有就是使用splice删除语句之后再添加,删除的内容有自动恢复了。这个地方有点不明白。
为什么在常用选择器里 div_1>p:nth-child(2) 这里 .tips li 加了> 就不行呢?
为什么信息不合格侯1秒后刷新?而不是提示让改
我的和老师的不一样,同样图片均在img目录下,为何我的多两个点,我试了一下,去掉俩点图片加载不出来,请问,这两个点有什么用??
问题1:老师我的这种做法也可以实现,但是不知道符不符合规范?代码如下:
问题2:创建对象采用$("......")方式,那在实际开发中,若是创建的对象元素比较多,这样写会不会感觉不方便?
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery操作页面元素B(案例)</title> <script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(function() { $("#inp2").click(function() { // 点击添加后要实现对元素的添加 // 1、想要添加元素就先创建元素 var inputFile = $("<p>照片:<input type='file' name='' id='inp1' value='' /><input type='button' name='' id='inpdelete' value='删除' /></p>"); // 2、获得需要添加到的对象form var form = $("form"); // 3、将创建好的元素添加到form对象中,实现后追加,采用append()方法,但是form对象中还有两个按钮,如果追加就会追加到按钮之后,不合理,还是要获得一个对象 var last = $("#last"); // 都是在form对象中是属于内部的同级添加,采用prepend()方式添加 last.prepend(inputFile); // 4、实现删除功能,就在这个作用域里面可以实现,因为创建的对象就在这个click的作用域中。 $("#inpdelete").click(function() { inputFile.remove(); }) }) }) </script> </head> <body> <form action="" method="post" id="form"> 用户名:<input type="text" name="" id="" value="" /> <p id="p"> 照片:<input type="file" name="" id="inp1" value="" /> <input type="button" name="" id="inp2" value="添加""/> </p> <p id="last"> <input type="button" name="" id="" value="提交" /> <input type="button" name="" id="" value="返回" /> </p> </form> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> /*方法2:内嵌样式*/ /*p代表标签名*/ p{ color: red; font-size: 25px; font-weight: bold; } </style> <!--方法3:外部式(连接式)rel:引入文件和当前文件的关系 href:引入文件的路径--> <link rel="stylesheet" type="text/css" href="css/new_file.css"/> <!----> <style> /*方法4:导入样式,不推荐使用,了解即可*/ @import url("css/new_file.css"); </style> </head> <body> <!--方法1:行内样式--> <p style="color:blue">我们不一样</p> <p >我们不一样</p> <p >我们不一样</p> </body> </html> <!-- 不相同的样式会进行样式的叠加,相同的样式会采用就近的 原则。样式跟随距离自己近的风格 -->
p{ /*字体的风格*/ font-family: "微软雅黑"; /*字体的样式*/ font-style:initial; }
运行时
<link rel="stylesheet" type="text/css" href="css/new_file.css"/>
引用的样式没有叠加上,这是为什么?
为啥验证码在生成四位随机数的时候要Math.random()*9000+1000,直接乘10000不可以么?
这里也是和老师一样指定了左浮动 , 可结果显示是右浮动的
运行结果:
如果想把图片居于中间位置,两侧的参照数据应该写什么呢?
老师有框架比如easyui、bootstrap这样的管理系统模板吗,自己写了一个easyui管理系统但是前端写的太糟糕了,增删改查全都写在一个html了,想看看别人是怎么写的
按视频中所说使用body.html无法清空留白,而且从选择器的角度解释不通,body标签下并没有一个标签的class为html
body { /* 去掉html才能清空浏览器默认留白 */ margin: 0px; padding: 0px; }
var gwlbb="天上明月光,疑是地上霜,能做我女朋友吗?举头望明月,低头思故乡"; if(gwlbb.indexOf("能做我女朋友吗?")>-1){ console.log("表白成功"); }else{ console.log("表白失败"); }
我这个为什么显示的是表白失败?
var hello="hello world";
console.log(hello.indexOf(""));
我想显示中间那个空白的启示位置为什么显示的是0?
老师我这个打印不出来是哪里错了,一直没找到
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> // var a = 10; // switch(a){ // case 10:alert("我是10") // break; // case 20:alert("我是20") // break; // case 30:alert("我是30") // break; // default: // break; // } for(var a=1;a<=9;a++){ for(var b=1;b<=a;b++){ document.write(b+"*"+a+"="+a*b+" "); } /直接把信息打印到浏览器上 document.write("<br />"); } </script> </head> <body> </body> </html> <!-- 条件语句 if(){} if()else() if()elseif()elseif(){}...else{} 分支语句(选择语句) swith((){ case value:break; default:break; } 循环语句 wihle(){} do()while() for(){} -->
如何让aside不自动换行呢?
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> header{ height: 100px; width:100%; background-color: red; } nav{ height:40px; width:100%; background-color: pink; } article{ height:475px; width:60%; background-color: yellow; position:relative; left:0px; } section{ height:400px; width:90%; background-color: peru; position:relative; left:30px; top:30px; } aside{ height:475px; width:40%; background-color: red; position:relative; left:60%; top:0px; } footer{ height:100px; width:100%; background-color: pink; } </style> </head> <body> <header></header> <nav></nav> <article> <section></section> </article> <aside></aside> <footer></footer> </body> </html>
视频中老师用的是啥浏览器?为啥同样的代码通过浏览器打开经常不一样》?
非常抱歉给您带来不好的体验!为了更深入的了解您的学习情况以及遇到的问题,您可以直接拨打投诉热线:
我们将在第一时间处理好您的问题!
关于
课程分类
百战程序员微信公众号
百战程序员微信小程序
©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护:百战汇智(北京)科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证:京B2-20212637