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

JavaScript入门篇

慕课官方号 页面重构设计
难度入门
时长 1小时35分
  • confirm(str);选择是否消息对话框 prompt(str1,str2);可输入消息框
    查看全部
  • scrollbars
    查看全部
  • 关闭窗口:用法:window.close();或者<窗口对象>.close(); 前面定义一个变量,先打开一个网页,window.open();然后再用close,可是有什么用啊,可能以后会明白.
    查看全部
  • 通过ID获取元素 语法: document.getElementById(“id”) 注:获取的元素是一个对象,如想对元素进行操作,我们要通过它的属性或方法。
    查看全部
  • HTML文档可以说由节点构成的集合,三种常见的DOM节点: 1. 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。 2. 文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本。 3. 属性节点:元素属性,如<a>标签的链接属性href="http://www.imooc.com"。
    查看全部
    1 采集 收起 来源:认识DOM

    2018-03-22

  • "_top"框架网页中在上部窗口中显示目标网页; "_blank"在新窗口显示目标网页; "_self"在当前窗口显示目标网页.
    查看全部
  • 打开新窗口:语法:window.open([URL],[窗口名称],[参数字符串]) URL:可选参数,在窗口中要显示网页的网址或路径;窗口名称:可选参数,被打开窗口的名称,该名称由字母,数字和下划线_组成,其名字中不能包含空格;参数字符串:可选参数,设置窗口参数,各参数用逗号隔开; 小括号中的内容用单引号('')引起来; 同样,先定义一个函数,函数内容为window.open(具体内容); 例: function wopen(){ window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no,status=no,scrollbars=yes'
    查看全部
  • prompt消息对话框通常用于询问一些需要与用户交互的信息,其语法为:prompt(str1,str2);str1是要显示在消息对话框中的文本,不可修改,str2是文本框中的内容,可以修改;同样,先定义一个函数function,再定义一个变量,定义变量为prompt("文本内容"),然后还是用if....else语句进行处理;在程序中str2是隐藏的,只有运行时会出现一个输入框.
    查看全部
  • //定义"取消设置"的函数 var btnE = document.getElementById("btn5"); btnE.onclick = function(){ var re5et = confirm("是否取消设置?"); if(re5et){ whtxt.removeAttribute("style"); }; };
    查看全部
    1 采集 收起 来源:编程挑战

    2018-03-22

  • confirm消息对话框:语法confirm(str);其中str为消息对话框中要展示的文本; 首先定义一个函数function,然后定义一个变量为该语法,用if.....else语句进行文本选择输出.
    查看全部
  • alert(字符串或变量); alert代码会弹出消息对话框,其中内容若为字符串需加双引号(""),若为变量则不需要,与document.write类似.
    查看全部
  • 在写JS代码的时候,大家可以会发现这样现象: document.write(" 1 2 3 "); 结果: 1 2 3 无论在输出的内容中什么位置有多少个空格,显示的结果好像只有一个空格。 这是因为浏览器显示机制,对手动敲入的空格,将连续多个空格显示成1个空格。 解决方法: 1. 使用输出html标签&nbsp;来解决 document.write("&nbsp;&nbsp;"+"1"+"&nbsp;&nbsp;&nbsp;&nbsp;"+"23"); 结果: 1 23 2. 使用CSS样式来解决 document.write("<span style='white-space:pre;'>"+" 1 2 3 "+"</span>"); 结果: 1 2 3 在输出时添加“white-space:pre;”样式属性。这个样式表示"空白会被浏览器保留" <span style='white-space:pre'>表示"空白会被浏览器保留"
    查看全部
  • document.write(内容):若直接是文本内容,则将内容用双引号("")括起,其内容可直接输出;若内容为定义变量,则不需用双引号,其能直接输出变量所定义的内容文本;若内容变量和文本都有,则两者(或多者)用加号(+)连接,变量不用双引号,文本内容要加双引号;其内容还可为HTML标签,标签用双引号("")括起,且该标签会起作用.
    查看全部
  • 定义函数:function 函数名() { 函数代码; } function定义函数;函数名为函数取得的名字;函数代码即完成特定功能的代码; 函数调用:在需要的位置写函数
    查看全部
  • document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容 mychar.innerHTML="Hello World!" document.write("修改后的标题:"+mychar.innerHTML); 原标题:javascript 修改后的标题:Hello World!
    查看全部
    0 采集 收起 来源:innerHTML 属性

    2018-03-22

举报

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

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