<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>沈番薯大傻逼</title> </head> <body> <script> setInterval( function() { var doTitle=document.title; var arr1=doTitle.split(''); // console.log(arr1); arr1.push(arr1.shift()); var str=arr1.join(''); document.title=str; },500) </script> </body> </html>
老师，为啥标题不会自己转
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> var arr1=[23,12,43,25,45,66]; var num_max=0,mun_min=0; function max_xiabiao(arr1) { for(var i=0;i<arr1.lenght;i++){ if (arr1[i]>arr1[i+1]) { num_max=arr1[i] }else{ num_max=arr1[i+1]; } } console.log('最大值'+num_max); } max_xiabiao(arr1); </script> </body> </html>
求这个数组最大最小值下标 这代码有什么问题吗
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> var arr1=[11,'a','c']; var arr2=arr1; var arr3=arr2; console.log(arr3,arr2); arr1=[22,'aa','cc']; console.log(arr2,arr3); </script> </body> </html>
老师，数组不是object的特殊类型吗，三个数组不是都指向同一个地址吗，为啥arr1变了 arr2 arr3不变？
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> function fun1(a,b) { var sum=a+b; console.log(sum); } function fun1(a,b,c) { var sum=a-b-c; console.log(sum); } fun1(1,2,3); </script> </body> </html>
老师，js是不是没有方法重载这个概念的？
老师，字符串不是数字内容 跟数字类型比较的时候也会把字符串内容强制转换为数字类型得吗
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <!-- <script> var num1; console.log(typeof 10 ); </script> <script> var number1=10; var string1="a" console.log(number1-string1); </script> --> <script> var number3=10; var a="讲"; console.log(number3>a); </script> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <button>跨域</button> <script> var but = document.querySelector('button'); but.onclick = function () { var iframe = document.createElement('iframe') iframe.src = 'ge.html';//加载保存的信息 iframe.style.display = 'none'; document.body.appendChild(iframe); //当iframe加载完成，意味Window.name内容被赋予完成 iframe.onload = function (eve) { var iframe1 = eve.target.contentWindow.name; console.log(iframe1); } } </script> </body> </html>
老师你好输出后一直报错ge与主代码在同一级目录下
老师好，为什么使用 mousedown事件才能通过 getSelection()获取选中内容，而使用 click或者 mouseup事件的返回值都是空字符串？想不通。。。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>编写一个带有hover样式的导航栏，要求采用鼠标事件实现</title> </head> <body> <script> var arr = ["首页","军事","新闻","我们"]; var ul = document.createElement('ul'); var ul_style = document.createAttribute('style'); ul_style.value="list-style: none;margin: 0px;padding: 0px;"; ul.setAttributeNode(ul_style); for (var i = 0;i<arr.length;i++){ var li = document.createElement("li"); var li_style = document.createAttribute("style"); li_style.value="display: block;float: left;width: 150px;height: 50px;" + "line-height: 50px;text-align: center;background:pink;margin-left:100px;"; li.setAttributeNode(li_style); var a = document.createElement("a"); var a_style = document.createAttribute("style"); a_style.value="text-decoration: none;"; a.setAttributeNode(a_style); a.innerHTML=arr[i]; li.appendChild(a); ul.appendChild(li); } document.body.appendChild(ul); //li事件 var li = document.querySelector('li'); li.onmouseover = function () { li.style.background='yellow'; }; li.onmouseout = function () { li.style.background="pink"; }; //超链接事件 var a = document.querySelector('a'); a.onmouseover = function () { a.style.color="white"; }; a.onmouseleave = function () { a.style.color="#ccc"; }; </script> </body> </html>
老师，你好，请问一下怎么设置属性能让每个li元素都有鼠标事件，我这样设置的只有第一个li产生了鼠标事件？
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自定义右键菜单案例</title> <style> *{ padding: 0; margin: 0; } ul{ width: 200px; background-color: papayawhip; position: absolute; display: none; list-style: none; } li{ height: 30px; line-height: 30px; padding: 5px; cursor: pointer; } li:hover{ background-color: pink; } </style> </head> <body> <pre> 提示框综合案例【自定义右键菜单】 要求： (1)菜单选项一、弹出alert提示框，内容自拟 (2)菜单选项二、提示用户是否离开本页面。 (3)菜单选项三、跳转至百度搜索【页面中选中的内容】 (4)菜单选项四、弹出提示框，用户【在提示框中输入内容】然后跳转至百度进行搜索 </pre> <ul> <li>弹出alert提示框</li> <li>离开本页面</li> <li>在百度搜索选中内容</li> <li>输入内容并跳转百度搜索</li> </ul> <textarea cols="30" rows="10"></textarea> <script> //系统右键菜单禁止事件【contextmenu】 document.oncontextmenu = function (eve) { return false; //return false表示事件禁用 }; //获取ul var ul = document.querySelector("ul"); //当鼠标放开时 document.onmouseup = function (eve) { //eve.button能够判断鼠标用的是哪个按钮 // console.log(eve.button); //当右键点击页面时，右键菜单显示 if (eve.button==2){ ul.style.display='block'; //位置为鼠标位置 ul.style.left = eve.clientX + 'px'; ul.style.top = eve.clientY + 'px'; //点击其他位置隐藏 }else { ul.style.display='none'; } }; //事件委托，分别点击每个li，发生不同事件 ul.onclick = function (eve) { if (eve.target.innerHTML =='弹出alert提示框'){ alert('提示框'); }else if(eve.target.innerHTML =='离开本页面'){ if (confirm('是否离开本页面')){ close(); } }else if(eve.target.innerHTML =='在百度搜索选中内容'){ //获取选中内容，并转成字符串 var result = document.getSelection().toString(); console.log(result); // window.open('https://www.baidu.com/s?wd='+result); } } </script> </body> </html>
老师，这里是不是应该打印的是选中的内容？
我这里点击后，为什么显示的是个空字符串呢？正常不是应该输出的是‘跳转至百度’这几个字吗？是代码哪里有问题吗？
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>window.name属性</title> </head> <body> <button>跨域传输</button> <script> /* var name = 123; console.log(name); console.log(typeof name); //string var age = 123; console.log(age); console.log(typeof age); //number*/ //在106page中有定义的var num，想在本页面打印num值 //如果想要获取一个页面内的信息，那么必须先加载 var but = document.querySelector('button'); but.onclick = function () { var iframe = document.createElement('iframe'); //创建内联框架（页面中嵌套另个页面） iframe.src = 'page.html'; //加载保存了信息的页面（另个页面page.html） iframe.style.display = 'none'; document.body.appendChild(iframe); //当iframe加载完毕，意味着window.name的内容已经被赋予完毕 //page.html中的内容window.name = 'var num = 10;'; iframe.onload = function (eve) { var iframeWindowName = eve.target.contentWindow.name; console.log(iframeWindowName); //打印字符串 var num = 10; //将字符串解析为代码 eval(iframeWindowName); console.log(num); //字符串中的内容 10 } } </script> </body> </html>
其中调用的页面page的代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>page</title> </head> <body> <script> window.name = 'var num = 10;'; </script> </body> </html>
想问下代码中圈红的内容，是获取的调用页面中整个的内容吗？调用页面中填加script的内容，也可以一起调用吗？还是只调用的body中的内容或者哪个部分的？
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <style> div { width: 30px; height: 30px; background-color: pink; position: absolute; line-height: 15px; text-align: center; } </style> <body> <input type="range" min="0" max="100" value="50"> <div id="box"></div> <script> var input = document.querySelector("input") var div = document.getElementById('box'); var flag = false; input.onmousedown = function () { console.log("(x,y):(" + event.clientX + "," + event.clientY + ")"); } </script> </body> </html>
老师，我是什么步骤错了，鼠标事件一直没效果，是没获取到input吗
<script> function info() { console.log('我是XXX'); console.log('我很会唱歌吖'); function caiyi() { console.log('我可以开始表演才艺'); } return caiyi; } var result = info(); result(); </script>
老师您好，我还是不太能理解
1、在把函数当做返回值的时候才能用到return吗？
2、info();和给他赋值为result有什么区别，为什么赋值后就可以接收到caiyi()?不太能理解原理
老师好，本章的课后练习“4.编写一个button。要求鼠标点击一次能够让页面中的某个div向右移动50像素。
”，我写完代码后发现按第一次按钮后，偏移了50px，后面继续按就不发生偏移，请教老师代码应如何修改和正确的方向。
代码如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>编写一个div，要求鼠标按下不抬起时。每隔1s输出一句hello world;</title> <style> .div1{ width:700px; height:500px; background-color: lightgray; border:1px solid black; position:absolute; } .button{ position: absolute; top:600px; } </style> </head> <body> <div class="div1"></div> <button class="button" type="button" >点我左移</button> <script> var div1=document.querySelector('.div1'); var button=document.querySelector('button'); button.onclick=function(){ div1.style.left=div1.style.left+50+'px'; }; </script> </body> </html>
老师好，控制提示框移动范围时，使用“if else”可以实现，但使用“switch”时没有效果。
应该是我的switch语句没写对（第35行代码），怎么写才正确？求指导，谢谢。
<html lang="en"> <head> <meta charset="UTF-8"> <title>鼠标事件</title> <style> input{ width: 300px; margin: 100px 600px 0px; } #tips{ width: 30px; height: 25px; margin: 0px 750px; padding: 0; font-size: 18px; text-align: center; border: 1px solid aqua; position: absolute; display: none; } </style> </head> <body> <input type="range" min="0" max="100" value="50"> <div id="tips"></div> <script> var input=document.querySelector('input'); var tips=document.getElementById('tips'); function move(){ input.onmousemove=function () { var x=event.clientX; var Y=event.clientY; // 使用switch语句控制提示框移动范围???????????????????????????????????????? /* switch (x) { case x<600:tips.style.left=-150+'px'; break; case x>900:tips.style.left=150+'px'; break; case x>=600&&x<=900:tips.style.left=(x-750)+'px'; break; }*/ // 使用if语句控制提示框移动范围 if (event.clientX>900){ x = 900; }else if (event.clientX<600){ x = 600; }else{ tips.style.left=(x-750)+'px'; } tips.innerHTML=input.value; // console.log('(x,y):('+x+','+'y'+')'); } }; input.onmousedown=function () { tips.style.display='block' move(); }; input.onmouseup=function () { tips.style.display='none' input.onmousemove=null; } </script> </body> </html>
var alt = ""; for (var i = 1;i <= 5;i++){ var blank = " "; for (var j = 1;j <= 5-i;j++){ //空白三角形 blank+=" "; } var xing = ""; for (var m = 1;m <= 2*i-1;m++){ xing+="*"; } alt+=blank+xing+"</br>"; } //console.log(alt); document.write(alt);
老师这段代码在控制台上显示的是等腰三角形，为什么在页面上用document.write为什么不显示空白的三角形，我也用</br>换行了呀，请老师帮我看一下，感谢！
非常抱歉给您带来不好的体验！为了更深入的了解您的学习情况以及遇到的问题，您可以直接拨打投诉热线：
我们将在第一时间处理好您的问题！
关于
课程分类
百战程序员微信公众号
百战程序员微信小程序
©2014-2025百战汇智（北京）科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护：百战汇智（北京）科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证：京B2-20212637
老师，数组不是object的特殊类型吗，三个数组不是都指向同一个地址吗，为啥arr1变了 arr2 arr3不变？
老师你好输出后一直报错
ge
京公网安备 11011402011233号