为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript入门篇 _学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript入门篇

慕课官方号 页面重构设计
难度入门
时长 1小时35分
  • <script type="text/javascript"> var mychar= document.getElementById("con"); mychar.style.color="red"; mychar.style.backgroundColor="#ccc"; mychar.style.width="700px"; </script> 使用过程中注意命名规范和大小写规则,否则不生效。
    查看全部
    0 采集 收起 来源:改变 HTML 样式

    2018-03-22

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>innerHTML</title> </head> <body> <h2 id="con">javascript</H2> <p> JavaScript是一种基于对象、事件驱动的简单脚本语言,嵌入在HTML文档中,由浏览器负责解释和执行,在网页上产生动态的显示效果并实现与用户交互功能。</p> <script type="text/javascript"> var mychar= document.getElementById('con'); ; document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容 mychar.innerHTML="Hello world!" document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容 </script> </body> </html>
    查看全部
    0 采集 收起 来源:innerHTML 属性

    2018-03-22

  • 转载答案 function openWindow() {var mymessage=confirm("是否要打开新窗口"); if(mymessage==true) { var url=prompt("请输入你的网址","https://www.imooc.com"); if(url!=null) { window.open(url,'_blank','width=400px,height=500px,menubar=no,toolbar=no') ; } else{ alert("谁让你点的"); } } else{ alert("谁让你点的"); } }
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • innerHTML属于用于获取或替换HTML元素的内容 语法:
    查看全部
    0 采集 收起 来源:innerHTML 属性

    2017-12-19

  • 文档对象类型DOM:定义访问和处理HTML的文档标准方法。dom将HTML文档成呈现为带有元素,属性和文本的树结构
    查看全部
    0 采集 收起 来源:认识DOM

    2017-12-19

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>close()</title> <script type="text/javascript"> var mywin=window.open("http://www.imooc.com"); setTimeout(function(){mywin.close();},3000); </script> </head> <body> </body> </html> 运用延时器可以在3秒后看到实际效果,建议在自己的编辑器里运行。在线编辑器很XX
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>window.open</title> <script type="text/javascript"> function Wopen(){ window.open('http://www.imooc.com','_blank','width=600,height=400,top=100,left=0 ') } </script> </head> <body> <input name="button" type="button" onClick="Wopen()" value="点击我,打开新窗口!" /> </body> </html> 很好用的一个属性,值得自己联系写一个合适的demo
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>document.write</title> <script type="text/javascript"> var mystr="我是"; var mychar="JavaScript"; document.write(mychar+"<br>"); document.write(mystr+mychar+"的忠实粉丝!"); </script> </head> <body> </body> </html> 注意中英文的切换,有时候就因为一个中文逗号卡主好一会儿。
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>判断语句</title> <script type="text/javascript"> var score =80; //score变量存储成绩,初值为80 if(scort>60) { document.write("很棒,成绩及格了。"); } else { document.write("加油,成绩不及格。"); } </script> </head> <body> </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>引用JS文件</title> <script src="script.js"> document.write("引用JS文件!"); </script> </head> <body> </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb18030"> <title>插入js代码</title> <script type="text/javascript"> document.write("开启JS之旅!"); </script> </head> <body> </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>热身</title> </head> <body> <p id="p1">我是第一段文字</p> <p id="p2">我是第二段文字</p> <script type="text/javascript"> document.write("hello world!!!~~~"); document.getElementById("p1").style.color="blue"; document.getElementById("p2").style.color="orange"; </script> </body> </html>
    查看全部
  • function rec(){ var mychar='I LOVE JavaScript"; alter("hello!") alter(mychar);
    查看全部
  • function定义函数的关键字。
    查看全部
  • document.write("welcome"); //打印输出; alert("警告窗口"); //跳出警示框 confirm("提示信息"); //确认或者取消 返回布尔值 true或者false prompt("提示信息"); //输入框,输入数值点击确定 window.open([URL], [窗口名称], [参数字符串]) window.close(); //或者 <窗口对象>.close(); 关闭本窗口
    查看全部

举报

0/150
提交
取消
课程须知
该课程是针对新手的一个简单基础的课程,让您快速了解JS,通过一些简单的代码编写体会JS。如果您已经对JS有所了解,可以跳过本课程,学习JS进阶课程,进一步学习JS相应的基础知识。学习本课程,希望您至少具备HTML/CSS基础知识,认识常用的标签。
老师告诉你能学到什么?
1. 理解JavaScript基础语法; 2. 掌握常用语句的使用方法; 3. 学会如何获取DOM元素及进行简单操作。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!