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

JavaScript入门篇

慕课官方号 页面重构设计
难度入门
时长 1小时35分
  • 二、JavaScript应放在哪 页面中的JavaScript会在浏览器加载页面的时候被立即执行,有时候我们想让一段脚本在页面加载的时候执行,而有时候我们想在用户触发一个事件的时候执行脚本。 1)head 部分中的脚本: 需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中。当你把脚本放在head部分中时,可以保证脚本在任何调用之前被加载。 <html> <head> <script type=”text/javascript”> … </script> </head> 2)body 部分中的脚本: 当页面被加载时执行的脚本放在HTML的body部分。放在body部分的脚本通常被用来生成页面的内容。 <html> <head> </head> <body> <script type=”text/javascript”> … </script> </body> 3)body 和 head 部分可同时有脚本:文件中可以在body和head部分同时存在脚本。 <html> <head> <script type=”text/javascript”> … </script> </head> <body> <script type=”text/javascript”> … </script> </body> 4)外部脚本的使用 有时候你可能想在几个页面中运行同样的脚本程序, 而不需在各个页面中重复的写这些代码。这时你就要用到外部脚本。你可以把脚本写在一个外部文件中,保存在扩展名为 .js的文件中。 注意:外部脚本文件中不要包含标记符<script> 使用外部脚本时将标记符<script> 的“src”属性值指向相应的.js文件就可以了: <html> <head> <script src=”xxx.js”></script> </head> <body> </body> </html>
    查看全部
  • Js放在head和body中的区别 在HTML body部分中的JavaScripts会在页面加载的时候被执行。 在HTML head部分中的JavaScripts会在被调用的时候才执行。 一、区别 浏览器解析html是从上到下的。 如果把javascript放在head里的话,则先被解析,但这时候body还没有解析,所以会返回空值。一般都会绑定一个监听,当全部的html文档解析完之后,再执行代码: windows.onload=function(){ //这里放入执行代码 } 说明: 放在head中的JS代码会在页面加载完成之前就读取,而放在body中的JS代码,会在整个页面加载完成之后读取。 这就说明了,如果我们想定义一个全局对象,而这个对象是页面中的某个按钮时,我们必须将其放入body中,道理很明显:如果放入head,那当你定义的时候,那个按钮都没有被加载,可能获得的是一个undefind。
    查看全部
  • 14.通过id获取元素:document.getElementById("id") 15.innerHTML属性用于获取或者替换HTML元素的内容。语法:语法: Object.innerHTML Object是document.getElementById("id")获取的元素。 16.改变HTML样式 语法:Object.style.property(width,height...)=new style 17.显示隐藏的 语法:Object.style.display=none(隐藏)或block(显示) 18.语法:object.className = classname作用:1.获取元素的class 属性 2. 为网页内的某个元素指定一个css样式来更改该元素的外观
    查看全部
    6 采集 收起 来源:编程挑战

    2018-03-22

  • 1.<script>标签要成对出现,并且JavaScript代码要写在<script>标签里面。 2.<script type=text/javascript>表示在<script>标签之间的是文本类型(text)javascript是为了告诉浏览器里面的文本属于javascript语言。 3.可以把html文件与js代码分开,并单独创建一个javascript文件(简称js文件)后缀为.js。然后将代码写在js文件里面,js文件不能单独运行,要嵌入到html文件中运行,语法:<script src="script.js"></script> 代码引用自script.js文件。 4.js代码可以放在HTML页面中的任意文件,js文件加载加载顺序从上到下。 5.js中语句后面分号可不写(不建议) 6.变量首字母必须为字母,下划线_,美元符号$。 7.函数语法:function(函数定义的关键字) 函数名{ 函数代码; } 8.输出内容:document.write(1."双引号内的内容直接输出",2.直接写变量名输出变量存储的内容,3.多项内容用+号连接,4.输出HTML的标签,并起作用标签用双引号括起来例子:"<br>") 9.消息警告框:alert(字符串或变量) 弹出一个消息警告框,按确定前不能进行任何操作。 10.确认消息对话框:confirm(消息框要显示的文本)返回值为boolean 确认为true 取消未 false。 11.提问框:prompt(str1,str2)str1:显示在消息对话框中的内容,不可修改。 str2:文本框中的内容,可修改。点击确定 文本框中的内容将作为函数值返回,点击取消,返回null。 12.打开新窗口:window.open([url],[窗口名称(_blank...),[参数字符串(width,height...)]) 13.关闭窗口:window.close或《窗口对象》.close
    查看全部
    3 采集 收起 来源:编程挑战

    2018-03-22

  • 提问(prompt 消息对话框) prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)。 语法: prompt(str1, str2); 参数说明: str1: 要显示在消息对话框中的文本,不可修改 str2:文本框中的内容,可以修改 返回值: 1. 点击确定按钮,文本框中的内容将作为函数返回值 2. 点击取消按钮,将返回null
    查看全部
  • 单行注释,在注释内容前加符号 “//”。 多行注释,/*开始,*/结束。
    查看全部
  • 注释 1;单行注释 2;多行注释两种。
    查看全部
  • 三种常见的DOM节点: 1、元素节点:<html> 2、文本节点:<p>txt</p>中的txt 3、属性节点:<input name="123"/>中的name="123"
    查看全部
    0 采集 收起 来源:认识DOM

    2018-03-22

  • 文档对象模型,定义访问和处理HTML文档的标准方法。
    查看全部
    0 采集 收起 来源:认识DOM

    2015-12-07

  • 消息对话框,和用户进行交互操作。 点击确定按钮,文本框中的内容将作为函数返回值 点击取消按钮,将返回null
    查看全部
  • 变量是可变的量;从编程角度讲,变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子,为了区分盒子,可以用BOX1,BOX2等名称代表不同盒子,BOX1就是盒子的名字(也就是变量的名字)定义变量使用关键字var,语法如下: var 变量名 变量名可以任意取名,但要遵循命名规则:变量要先声明再赋值,变量可以重复赋值.注意: 1. 在JS中区分大小写,如变量mychar与myChar是不一样的,表示是两个变量。 2. 变量虽然也可以不声明,直接使用,但不规范,需要先声明,后使用。 1.变量必须使用字母、下划线(_)或者美元符($)开始。 2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。 3.不能使用JavaScript关键词与JavaScript保留字
    查看全部
  • 注释的作用是提高代码的可读性,帮助自己和别人阅读和理解你所编写的JavaScript代码,注释的内容不会在网页中显示。注释可分为单行注释与多行注释两种。单行注释,在注释内容前加符号 “//”。多行注释以"/*"开始,以"*/"结束
    查看全部
  • 编写JavaScript时,有些写法虽然可以,但是不符合规范。写js代码时,要注意规范问题。
    查看全部
  • javaScript语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事。
    查看全部
  • JavaScript语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。一行的结束就被认定为语句的结束,通常在结尾加上一个分号";"来表示语句的结束.1. “;”分号要在英文状态下输入,同样,JS中的代码和符号都要在英文状态下输入。 2. 虽然分号“;”也可以不写,但我们要养成编程的好习惯,记得在语句末尾写上分号。
    查看全部

举报

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

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