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

JavaScript入门篇

慕课官方号 页面重构设计
难度入门
时长 1小时35分
  • 打开新窗口:查找一个已经存在或者新建的浏览器窗口 语法:window.open([URL],[窗口名称],[参数字符串]) 参数说明: URL:可选参数,在窗口中要显示网页的网址或路径。如果省略这个参数,或者它的 值是空字符串,那么窗口就不显示任何文档。 窗口名称:可选参数,被打开窗口的名称。 1.该名称由字母、数字和下划线字符组成。 2."_top"、"_blank"、"_selft"具有特殊意义的名称。 _blank:在新窗口显示目标网页 _self:在当前窗口显示目标网页 _top:框架网页中在上部窗口中显示目标网页 3.相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。 4.name 不能包含有空格。
    查看全部
  • document.getElementById()的作用是获取元素,获取元素但不会对元素进行操作。 例文中 <script type="text/javascript"> var mye= document.getElementById("con") ; document.write(mye); </script> 由于浏览器翻译网页文件的时候是按照由上到下的循序进行翻译的,当浏览器翻译网页文件的时候,没有第一时间找到ID所指示的元素,所有返回值为空值。你可以尝试一下将这个<script>代码插入<p id="con">I Love JavaScript</p>下方,你就会发现返回出来的值就是[object HTMLParagraphElement]。 而[object HTMLParagraphElement]意思是 目标为网页段落元素。 任务中 <script type="text/javascript"> var mychar= document.getElementById("con") ; document.write("结果:"+mychar); //输出获取的P标签。 </script> 在获取的这个ID下方,所有程序能找到这个元素,但由于输出方式为write,也就是单纯写出的意思。没有对这个元素进行操作,所有不能显示出<p>标签中插入的内容:JavaScript。 所有在网页上显示出来的结果就是[object HTMLParagraphElement]。就是找到了这个元素。
    查看全部
  • prompt弹出消息对话框,包含确定,取消,文本输入框 语法:prompt(str1,str2); str1要显示在消息对话框中的文本,不可修改; str2文本框中的内容,可以修改 点击确定按钮,文本框中的内容作为函数返回值,点击取消将返回null
    查看全部
  • 显示和隐藏(display属性) 语法:object.style.display=value; 注意:object是获取的元素对象 如通过document.getelementbyid("id")获取的元素 value取值:none: 此元素不回被显示 block:此元素将显示为块级元素
    查看全部
  • 1. 在点击对话框"确定"按钮前,不能进行任何其它操作。 2. 消息对话框通常可以用于调试程序。 3. alert输出内容,可以是字符串或变量,与document.write 相似。
    查看全部
  • 看见好的笔记:mychar是指向document.getElementById('con')的。并不是指里面内容。mychar.innerHTML指的就是id为“con”的文本内容
    查看全部
  • backgroundColor, 设置元素的背景颜色 height:设置元素的高度 width:设置元素的宽度。 color:设置文本的颜色 font:在一行设置所有的字体属性 fontfamily:设置元素的字体序列 fontsize:设置元素的字体大小。 HTML DOM 改变HTML的元素的样式 语法:object.style.property=new style;
    查看全部
    0 采集 收起 来源:改变 HTML 样式

    2016-07-27

  • confirm消息对话框通常用于用户做选择,包含一个确定 一个取消 语法:confirm(str); 返回值为Boolean值 确定返回true 取消返回false
    查看全部
  • alert包含一个对话框确定键
    查看全部
  • getelementbyid innnerhtml
    查看全部
    0 采集 收起 来源:innerHTML 属性

    2016-07-27

  • innerHTML属性 innerHTML属性用于获取或替换HTML元素的内容。 语法:Object.innerHTML 注意:1.object是获取的元素对象,如通过document.getElmentById("ID")获取的元素。 2.注意书写,innerHTML区分大小写 我们通过id="con"获取<p>元素,并将元素的内容和改变后的元素的内容输出 代码如下: <body> <p id="con">helloo world!</p> <script> var mycon=document.getElmentById("con"); document.write("p标签原始内容:"+mycon.innerHTML+"<br>"); //改变元素内容 mycon.innerHTML="new text!"; document.write("p表签修改后的内容:"+mycon.innerHTML); </script> </body>
    查看全部
    0 采集 收起 来源:innerHTML 属性

    2018-03-22

  • <script type="text/javascript"> document.write("I love JavaScript!"); //内容用""括起来,""里的内容直接输出。 </script>
    查看全部
  • JavaScript课程任务。
    查看全部
    0 采集 收起 来源:编程挑战

    2016-07-27

  • Object.className=classname className属性设置或返回元素的clas属性
    查看全部
  • <script type="text/javascript"> </script>
    查看全部

举报

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

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