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

JavaScript入门篇

慕课官方号 页面重构设计
难度入门
时长 1小时35分
  • 通过ID获取元素 document.getElementById(“id”) 结果:null或[object HTMLParagraphElement] 注:获取的元素是一个对象,如想对元素进行操作,我们要通过它的属性或方法。
    查看全部
  • var tt=document.getElementById("con"); var ss=document.getElementById("txt"); function ccolor() { tt.style.color="pink"; ss.style.color="red"; tt.style.backgroundColor="yellow"; ss.style.backgroundColor="blue"; } //定义"改变颜色"的函数 function cdw() { tt.style.width="1000px"; ss.style.width="1800px"; tt.style.height="300px"; ss.style.height="900px"; } //定义"改变宽高"的函数 function dis() { tt.style.display="none"; ss.style.display="none"; } //定义"隐藏内容"的函数 function show() { tt.style.display="block"; ss.style.display="block"; } //定义"显示内容"的函数 function rr() { var add=confirm("是否恢复原始值?"); if(add==true) { tt.removeAttribute('style'); ss.removeAttribute('style'); } else(add==false) { null; } }
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • 存疑的解释“ object.removeAttribute("style"); 这句代码的意思是将该元素的所有样式恢复到初始状态”
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • [[[删除指定属性]]]—— Element.removeAttribute() Syntax element.removeAttribute(attrName); attrName is a string that names the attribute to be removed from element. Example // <div id="div1" align="left" width="200px"> document.getElementById("div1").removeAttribute("align"); // now: <div id="div1" width="200px"> Notes You should use removeAttribute instead of setting the attribute value to null using setAttribute. Attempting to remove an attribute that is not on the element doesn't raise an exception. DOM methods dealing with element's attributes
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • HTML文档可以说由节点构成的集合,三种常见的DOM节点: 1. 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。 2. 文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本。 3. 属性节点:元素属性,如<a>标签的链接属性href="http://www.imooc.com"。 看下面代码: <a href="http://www.imooc.com">JavaScript DOM</a>
    查看全部
    0 采集 收起 来源:认识DOM

    2018-03-22

  • URL如果是变量的话就不用加引号 ????
    查看全部
  • 关闭窗口(window.close) 用法: window.close(); //关闭本窗口 或 <窗口对象>.close(); //关闭指定的窗口 例如:关闭新建的窗口。 <script type="text/javascript"> var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象,存储在变量mywin中 mywin.close(); </script> 注意:上面代码在打开新窗口的同时,关闭该窗口,看不到被打开的窗口。
    查看全部
  • window.open('URL','窗口名称',‘参数字符串,参数字符串,参数字符串’) URL:可选参数,在窗口中要显示网页的网址或路径。如果省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档。 窗口名称:可选参数,被打开窗口的名称。 1.该名称由字母、数字和下划线字符组成。 2."_top"、"_blank"、"_self"具有特殊意义的名称。 _blank:在新窗口显示目标网页 _self:在当前窗口显示目标网页 _top:框架网页中在上部窗口中显示目标网页 3.相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。 4.name 不能包含有空格。 参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。
    查看全部
  • 提问(prompt 消息对话框) prompt(str1, str2); 参数说明: str1: 要显示在消息对话框中的文本,不可修改 str2:文本框中的内容,可以修改 返回值: 1. 点击确定按钮,文本框中的内容将作为函数返回值 2. 点击取消按钮,将返回null 看看下面代码: var myname=prompt("请输入你的姓名:"); if(myname!=null) { alert("你好"+myname); } else { alert("你好 my friend."); } 在用户点击对话框的按钮前,不能进行任何其它操作。
    查看全部
  • 确认(confirm 消息对话框) confirm(str);str:在消息对话框中要显示的文本 返回值: Boolean值 返回值: 当用户点击"确定"按钮时,返回true 当用户点击"取消"按钮时,返回false 注: 通过返回值可以判断用户点击了什么按钮 注: 消息对话框是排它的,即用户在点击对话框按钮前,不能进行任何其它操作。
    查看全部
  • confirm 消息对话框通常用于允许用户做选择的动作,如:“你对吗?”等。弹出对话框(包括一个确定按钮和一个取消按钮)。 使用:var mymessage=confirm("您的性别是?"); if(mymessage==true) { document.write("你是女士!"); } else { document.write("你是男士!"); } } </script> </head> <body> <input name="button" type="button" onClick="rec()" value="点击我,弹出确认对话框" /> </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>函数调用</title> <script type="text/javascript"> function contxt() //定义函数 { alert("哈哈,调用函数了!"); } contxt(); </script> </head> <body> <form> <input type="button" value="点击我" onclick="contxt() " /> </form> </body> </html>
    查看全部
  • JavaScript-警告(alert 消息对话框) 如果你不点击“确定”,就不能对网页做任何操作,这个小窗口就是使用alert实现的 alert(字符串或变量);
    查看全部
  • JavaScript-输出内容(document.write) 第一种:输出内容用""括起,直接输出""号内的内容。 第二种:通过变量,输出内容 <script type="text/javascript"> var mystr="hello world!"; document.write(mystr); 第三种:输出多项内容,内容之间用+号连接。 <script type="text/javascript"> var mystr="hello"; document.write(mystr+"I love JavaScript"); //多项内容之间用+号连接 </script>
    查看全部
  • alert输出内容,可以是字符串或变量,与document.write 相似。
    查看全部

举报

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

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