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

JavaScript入门篇

慕课官方号 页面重构设计
难度入门
时长 1小时35分
  • function openWindow() {var opentag=confirm("是否打开网页?"); if(opentag==true) {var webadd=prompt("请输入网址","http://www.imooc.com/"); if(webadd!=null) {window.open(webadd,'_blank','width=400,height=500,menubar=no,toobar=no'); } else {alert("See you~");} } else {alert("那算啦~");} }
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 通过ID获取元素: 语法: document.getElementById(“id”) 结果:null或[object HTMLParagraphElement] 注:获取的元素是一个对象,如想对元素进行操作,我们要通过它的属性或方法。
    查看全部
  • HTML文档可以说由节点构成的集合,三种常见的DOM节点: 1. 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。 2. 文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本。 3. 属性节点:元素属性,如<a>标签的链接属性href="http://www.imooc.com"。
    查看全部
    0 采集 收起 来源:认识DOM

    2018-03-22

  • function openWindow(){ var sw=confirm("是否确定打开");// 新窗口打开时弹出确认框,是否打开 if(sw==true) {var se=prompt("通过输入对话框,确定打开的网址","http://www.imooc.com/");// 通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/ if(se!=null) {window.open(se,'_blank','width=400,heighe=500,menubar=no,toolbar=no');} //打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏。 else {alert("结束")} } else {alert("结束")} }
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • if和else之前不能用“;”分号隔开,不然函数关系就被分开了!
    查看全部
  • 提问 prompt 警告 confirm
    查看全部
  • 【重中之重】 【通过ID获取元素】 学过HTML/CSS样式,都知道,网页由标签将信息组织起来,而标签的id属性值是唯一的,就像是每人有一个身份证号一样,只要通过身份证号就可以找到相对应的人。那么在网页中,我们通过id先找到标签,然后进行操作。 语法: document.getElementById("id") 看看下面代码:略。 结果: null 或 [object HTMLParagraphElement] 浏览器结果: null Hello I love JavaScript 注:获取的元素是一个对象,如想对元素进行操作,我们要通过它的属性或方法。 任务:在右边编辑器中,补充第10行代码,通过 document.getElementById 获取id为con的p标签。 第11行为输出获取的元素,看看结果是什么。 【不会了怎么办】 ①document.getElementById("con") ②直接输出获取的对象,结果为 null 或 [object HTMLParagraphElement]
    查看全部
  • 关闭窗口: window.close(); //关闭本窗口 <窗口对象>.close(); //关闭指定的窗口
    查看全部
  • object.className 获取元素的class属性 object.className="classname";
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" Content="text/html; charset=utf-8" /> <title>javascript</title> <style type="text/css"> body{font-size:12px;} #txt{ height:400px; width:600px; border:#333 solid 1px; padding:5px;} p{ line-height:18px; text-indent:2em;} </style> </head> <body> <h2 id="con">JavaScript课程</H2> <div id="txt"> <h5>JavaScript为网页添加动态效果并实现与用户交互的功能。</h5> <p>1. JavaScript入门篇,让不懂JS的你,快速了解JS。</p> <p>2. JavaScript进阶篇,让你掌握JS的基础语法、函数、数组、事件、内置对象、BOM浏览器、DOM操作。</p> <p>3. 学完以上两门基础课后,在深入学习JavaScript的变量作用域、事件、对象、运动、cookie、正则表达式、ajax等课程。</p> </div>
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • 打开新窗口。 window.open([URL], [窗口名称], [参数字符串])
    查看全部
  • 放在<head>部分 最常用的方式是在页面中head部分放置<script>元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。 放在<body>部分 JavaScript代码在网页读取到该语句的时候就会执行。
    查看全部
  • var a; a = document.getElementById("id").className="id.css";
    查看全部
  • backgroundColor="blue" C 要大写 属性值要用引号
    查看全部
    0 采集 收起 来源:改变 HTML 样式

    2018-03-22

  • 定义变量使用关键字 var 语法:var 变量名 规则: 1.必须使用字母 下划线 或者美元符号开始 2.然后可以使用任意多个英文字母 数字 下划线 或者美元符号组成 3.不能使用JS关键字与JS保留字 注意: 1.在JS中区分大小写 如machar 与myChar是不一样的 2.变量虽然可以不声明,直接使用,但是不规范,需要先声明然后再使用。 var myChar; myChar ="js";
    查看全部

举报

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

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