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

JavaScript入门篇

慕课官方号 页面重构设计
难度入门
时长 1小时35分
  • 弹出窗口相关函数 alert 消息对话框 confirm 确定 prompt 提问,可在窗口框中输入值,函数返回该值 window.open 打开新窗口,第一个参数是ip windowname.close 关闭窗口
    查看全部
    0 采集 收起 来源:编程练习

    2016-07-16

  • confirm允许用户做选择动作
    查看全部
  • 警告(alert 消息对话框) 我们在访问网站的时候,有时会突然弹出一个小窗口,上面写着一段提示信息文字。如果你不点击“确定”,就不能对网页做任何操作,这个小窗口就是使用alert实现的。 语法: alert(字符串或变量); 看下面的代码: <script type="text/javascript"> var mynum = 30; alert("hello!"); alert(mynum); </script> 注:alert弹出消息对话框(包含一个确定按钮)。 结果:按顺序弹出消息框 注意: 1. 在点击对话框"确定"按钮前,不能进行任何其它操作。 2. 消息对话框通常可以用于调试程序。 3. alert输出内容,可以是字符串或变量,与document.write 相似。
    查看全部
  • 输出内容(document.write) document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。 第一种:输出内容用“”括起,直接输出""号内的内容。 <script type="text/javascript"> document.write("I love JavaScript!"); //内容用""括起来,""里的内容直接输出。 </script> 第二种:通过变量,输出内容 <script type="text/javascript"> var mystr="hello world!"; document.write(mystr); //直接写变量名,输出变量存储的内容。 </script> 第三种:输出多项内容,内容之间用+号连接。 <script type="text/javascript"> var mystr="hello"; document.write(mystr+"I love JavaScript"); //多项内容之间用+号连接 </script> 第四种:输出HTML标签,并起作用,标签使用“”括起来。 <script type="text/javascript"> var mystr="hello"; document.write(mystr+"<br>");//输出hello后,输出一个换行符 document.write("JavaScript"); </script> JS如何输出空格: 解决方法: 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;”样式属性。这个样式表示"空白会被浏览器保留"
    查看全部
  • Prompt消息对话框 1.prompt(显示在消息对话框里面的文本,文本框中的内容) 2.作为用户交互时提示使用,位置处于变量名后面
    查看全部
  • confirm消息对话框 1.confirm(文本内容) 2.返回值类型为布尔型,含有确定和取消两个按钮 3.位于变量后边做输出使用
    查看全部
  • alert消息对话框 1.弹出框中仅有一个确定按钮,且不点击时不能进行任何操作 2.可以直接输出字符串或者变量名 3.当有多个alert时,依次输出
    查看全部
  • js四种输出方式: 1.通过document.write();直接输出 2.通过变量间接输出 3.输出内容中有附加项用+连接 4.通过加号连接并带有尖括号输出HTML标签
    查看全部
  • 消息对话框-prompt 包含一个确定按钮、一个取消按钮和一个文本输入框 语法: prompt(str1,str2); str1是显示在消息对话框中的文本,str2是文本框中的默认文本,返回值为消息框中的文本
    查看全部
  • 消息对话框-确认 语法: confirm("str"); str 在消息对话框中要显示的文本,返回值为Boolean 用户点击确定时,返回true,用户点击取消时,返回false 对话框按钮的文字是不可改变的,需要小心地编写问题或消息,使它适合用确认和取消来回答
    查看全部
  • 消息对话框 语法 alert(字符串或变量) var mynum = 30; alert("hello!"); 作用:调试程序,在点击确定之前暂停对js代码的执行 alert(mynum);
    查看全部
  • document.write用于向html输出流写内容,即直接在网页中显示内容,由4种情况: 1. document.write("I love js"); 输出字符串(空格使用"&nbsp;") 2. var mystr="hello world!"; document.write(mystr); 输出变量 3. var mystr="hello"; document.write(mystr+" world!"); 输出多项内容 4. document.write("<br />"); 输出html标签
    查看全部
  • window.close(); //关闭本窗口 <窗口对象>.close(); //关闭指定的窗口
    查看全部
  • 函数是完成特定功能的一组代码,具有复用的优势。函数定义好之后,是不能自动执行的,需要调用它才OK
    查看全部
  • window.open([URL], [窗口名称], [参数字符串])<br> 三个属性 分别是地址路径、怎样打开窗口、窗口具体属性 要用引号引起来(单引号,双引号也可以,和外部双引号冲突时用单引号) 每个以逗号分隔开来。同一具体属性可括在同组引号里。如<br> 'width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
    查看全部

举报

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

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