js 创建的界面比较麻烦 跟css写的 对比有什么优势特点
obj.name='张先生'; obj['height']='179cm'; console.log(obj);
老师，这里为啥要用分号，用逗号不行吗？
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>函数提升</title> </head> <body> <script> // 例一， if是普通的条件语句，所以声明相当于全局变量，提升到代码头部 if (true){ var aa="bb"; } console.log(aa); // 例二，function函数的变量提升 var bb="11111"; function aaa() { alert(bb); var bb="test"; alert(bb); var cc="test1"; alert(age); } aaa(); // 例三， var test="1111"; function aa1() { alert(test); } function bb1() { var test="222222"; aa1(); } bb1(); </script> </body> </html>
老师，例二和例三不太理解。例二也是在外部调用的函数，bb在内部有声明然后提升到函数体头部我能理解，但是为什么在内部没有赋值的时候，bb不能访问到外面的bb=“11111”，而是直接就是undefined。例三aa1函数在内部没有声明变量，然后视频说的是test在外部声明了，这我也能理解。但一样是内部打印，为什么例二不能访问到外部的赋值，例三可以？
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // 例子 function info() { console.log("我是xxx"); console.log("我会唱xx"); function caiyi() { console.log("我要表演才艺") } return caiyi() ; } info(); // console.log(result); // 例子2 function info2() { console.log("我是xxx"); console.log("我会唱xx"); function caiyi2() { console.log("我要表演才艺") } return caiyi2 ; } info2()(); //例子3 function info3() { console.log("我是xxx"); console.log("我会唱xx"); function caiyi3() { console.log("我要表演才艺") } return caiyi ; } info3(); </script> </body> </html>
老师，例1返回值返回的是一个语句，所以只需要调用一次；例2返回值返回的是一个函数，所以需要调用两次；例子3虽有返回值，但是没有调用，所以没用输出“我要表演才艺”；我可以这样理解吗？
页面中原有的标签不能通过style方法进行js修改属性吗
老师，这里给a创建完属性节点后没有进行赋值，为什么它的下划线依然被取消了呢？
老师，没有很能理解这段代码，能说说嘛？？？？？
老师你好，自己在做tab选项卡练习的时候，想着利用dom2级事件以及闭包来实现tab选项卡切换，但是在使用闭包的时候遇到了一点问题，导致未能实现最终的效果，还望老师能够指导一下
原生js闭包实现tab选项卡.zip
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>横向布局的导航栏</title> </head> <!--<style> ul{list-style: none;padding: 0;margin: 0;} ul li{display:inline-block; width:100px; height:100px;line-height:30px;text-align:center; background-color:skyblue;} li a{text-decoration: none;color: white;} li:hover{background-color: red;} li:hover a{color: greenyellow;} </style>--> <style> li:hover{background-color: red} li:hover a{color: greenyellow} </style> <body> <!-- <ul> <li><a href="#">首页</a></li> <li><a href="#">军事</a></li> <li><a href="#">新闻</a></li> <li><a href="#">娱乐</a></li> </ul>--> <script> var arr=['首页','军事','娱乐','新闻',]; //创建ul标签 var ul=document.createElement('ul'); var ul_style=document.createAttribute('style'); ul_style.value='list-style: none;padding: 0;margin: 0;'; ul.setAttributeNode(ul_style); //创建li标签 for(var i=0;i<4;i++){ var li=document.createElement('li'); var li_style=document.createAttribute('style'); li_style.value='display:inline-block; width:100px; height:100px;line-height:30px;text-align:center;/ background-color:skyblue;'; li.setAttributeNode(li_style); ul.appendChild(li); //创建a标签 var a=document.createElement('a'); var a_style=document.createAttribute('style'); a_style.value='text-decoration: none;color: white;'; a.setAttributeNode(a_style); li.appendChild(a); a.innerHTML=arr[i]; } document.body.appendChild(ul); </script> </body> </html> 哪里的问题，我的不显示出来
老师，你好，下面这个案例是我做的一个利用鼠标点击事件实现的一个手风琴二级菜单，但是在做的过程中一个有个功能不管怎样调试，都实现不了：那就是当二级菜单处于展开状态时，鼠标点击二级菜单里面的内容，二级菜单不会隐藏；只有当鼠标点击对应的一级菜单时二级菜单才会随着隐藏，并且切换相应的图片状态。还望老师指导一下。
html+css版.zip
老师你好，基于鼠标事件我做了一个利用js实现的二级菜单，但是出现了如下错误提示，还望点播一下：
js实现.zip
open('http://www.baidu.com'); window.close();
我这里打开不了页面，试了其他的程序可以，就这两句不行
老师你好，关于如下代码的跨域传输遇到了一个问题，希望老师点播一下，谢谢！
<script> //page.html的 var num = 10; window.name = 'var num=[1,2,3];'; </script>
<button>跨域传输</button>
<script> //如果想要获取一个页面内的信息，那么必须先加载 var but = document.querySelector('button'); but.onclick = function() { var iframe = document.createElement('iframe'); iframe.src = 'page.html'; //加载保存了信息的页面 iframe.style.display = 'none'; document.body.appendChild(iframe); //当iframe加载完毕，意味着window.name的内容已经被赋予完毕 iframe.onload = function(eve) { var iframeWindowName = eve.target.contentWindow.name; //console.log(iframeWindowName); eval(iframeWindowName); //将字符串解析成代码 console.log(num); } } </script>
此时当我点击“跨域传输”按钮后则出现了如下情况：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>带有提示文字的滚动条</title> <style> div{ width:30px; height:15px; border: 1px solid black; line-height: 15px; align:center; position:absolute; display:none; } </style> </head> <body> <input type="range" min="0" max="100" value="0"/> <!--value是当前值--> <div></div> <script> var div=document.querySelector("div"); var input=document.querySelector("input"); var flag=false; input.onmousemove=function(){ div.innerHTML=input.value; if(flag) { //console.log("(x,y)的值为（" + event.clientX + "," + event.clientY + ")"); if (event.clientX > 134) {event.clientX = 134;} if (event.clientX < 14) {event.clientX = 14;} div.style.left = event.clientX + 'px';//style对象的属性值都是字符串，单位包括在字符串中。所以这里用连接符，连接一个字符，使其变成字符串。 div.style.display = 'block'; } } input.onmousedown=function(){//鼠标按下时触发 flag=true; div.style.display='none'; } input.onmouseup=function(){//鼠标抬起时触发 flag=false; div.style.display='none'; } </script> </body> </html>
我这个绝对定位，距离左边距离的这个功能不能实现。div到第一个位置停止了，但我的程序出来效果图div还可以继续移动
<div style="width:200px;height: 200px;background-color: pink"></div> <script> var div = document.querySelector('div'); //鼠标按下时触发 div.onmousedown=function(){ div.style.backgroundColor='blue'; } //鼠标抬起时触发 div.onmouseup=function(){ div.style.cssText='background-color:red'; }
为什么鼠标抬起时功能不能实现?
非常抱歉给您带来不好的体验！为了更深入的了解您的学习情况以及遇到的问题，您可以直接拨打投诉热线：
我们将在第一时间处理好您的问题！
关于
课程分类
百战程序员微信公众号
百战程序员微信小程序
©2014-2026百战汇智（北京）科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护：百战汇智（北京）科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证：京B2-20212637
京公网安备 11011402011233号