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

JavaScript入门篇

慕课官方号 页面重构设计
难度入门
时长 1小时35分
  • javascript通过getElementById来获取控件的ID,通过ID对控件进行操作 var mychar= document.getElementById("con") ; document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容 mychar.innerHTML="Hello World"; document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容 </script>
    查看全部
    0 采集 收起 来源:innerHTML 属性

    2018-03-22

  • javascript可以独立写成文件,但 在html文件中写: <script src="script.js"></script>
    查看全部
  • 1.在html文件中: <script type="text/javascript"> </script> 2.javascript另起一个文件 但在html文件还得写 <script src="***.javascript">
    查看全部
  • <input name="button" type="button" onClick="rec()" value="点击我,弹出确认对话框" /> 按钮的写法: type="button" onClick= 在JavaScript定义的函数名
    查看全部
  • document.write(""); document.getElementById("p1").style.color="blue";
    查看全部
  • DOM:Document Object Model文档对象模型
    查看全部
  • js注释:<br> 单行内容:在内容前面加: //单行内容注释 多行内容:在内容面前加: /*多行内容注释*/
    查看全部
  • 浏览器是按顺序执行语气的。
    查看全部
  • 输入对话框prompt、通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/ eg:var a=promopt("请输入网址","http://www.baidu.com")
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 1.confirm确认,显示 2.prompt输入内容,进行判断 3.alert(弹出一个对话框)
    查看全部
  • 判断语句(if...else) if...else语句是在指定的条件成立时执行代码,在条件不成立时执行else后的代码。 语法: if(条件) { 条件成立时执行的代码 } else { 条件不成立时执行的代码 } 假设我们通过年龄来判断是否为成年人,如年龄大于等于18岁,是成年人,否则不是成年人。代码表示如下: <script type="text/javascript"> var myage = 18; if(myage>=18) //myage>=18是判断条件 { document.write("你是成年人。");} else //否则年龄小于18 { document.write("未满18岁,你不是成年人。");} </script>
    查看全部
  • 改变 HTML 样式 HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢? 语法: Object.style.property=new style; 注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。 基本属性表(property): 注意:该表只是一小部分CSS样式属性,其它样式也可以通过该方法设置和修改。 看看下面的代码: 改变 <p> 元素的样式,将颜色改为红色,字号改为20,背景颜色改为蓝: <p id="pcon">Hello World!</p> <script> var mychar = document.getElementById("pcon"); mychar.style.color="red"; mychar.style.fontSize="20"; mychar.style.backgroundColor ="blue"; </script>
    查看全部
    0 采集 收起 来源:改变 HTML 样式

    2018-03-22

  • 通过ID获取元素 学过HTML/CSS样式,都知道,网页由标签将信息组织起来,而标签的id属性值是唯一的,就像是每人有一个身份证号一样,只要通过身份证号就可以找到相对应的人。那么在网页中,我们通过id先找到标签,然后进行操作。 语法: document.getElementById(“id”) 看看下面代码: 结果:null或[object HTMLParagraphElement] 注:获取的元素是一个对象,如想对元素进行操作,我们要通过它的属性或方法。
    查看全部
  • <script type="text/javascript"> //定义"改变颜色"的函数 function cColor(){ var myChar1=document.getElementById("txt"); myChar1.style.color="red"; } //定义"改变宽高"的函数 function cHeight(){ var myChar2=document.getElementById("txt"); myChar2.style.height="300px"; myChar2.style.width="400px"; } //定义"隐藏内容"的函数 function cHid(){ var myChar3=document.getElementById("txt"); myChar3.style.display="none"; } //定义"显示内容"的函数 function cDis(){ var myChar4=document.getElementById("txt"); myChar4.style.display="block"; } //定义"取消设置"的函数 function res(){ var con=confirm("是否恢复原始值?"); if(con==true){ var myChar5=document.getElementById("txt"); txt.; } else{} } </script> </body> </html>
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • var = my = confirm("你是男是女");
    查看全部

举报

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

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