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

JavaScript入门篇

慕课官方号 页面重构设计
难度入门
时长 1小时35分
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>document.write</title> <script type="text/javascript"> var mystr="我是"; var mychar="JavaScript"; document.write(mystr); document.write(mychar+"<br>"+"的忠实粉丝!"); document.write("<br><br><br>"); document.write("<span style='white-space;pre'>"+"i Green Mind"+"</span>"); </script> </head> <body> </body> </html>
    查看全部
  • open() 方法用于打开一个新的窗口。 语法: window.open(<URL>, <窗口名称>, <参数字符串>) 参数说明: URL:打开窗口的网址或路径。 窗口名称:被打开窗口的名称。可以是"_top"、"_blank"、"_selft"等。 参数字符串:设置窗口参数,各参数用逗号隔开。 参数表: 例如:打开http://www.imooc.com网站,大小为300px * 200px,无菜单,无工具栏,无状态栏,有滚动条窗口: <script type="text/javascript"> window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes') </script> 注意: 1.参数之间逗号及等号前后有空格,该字符串无效,只有删除空格才能正常运行。 2.运行结果考虑浏览器兼容问题。
    查看全部
  • prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)。 语法: prompt(str1, str2); 参数说明: str1: 要显示在消息对话框中的文本,不可修改 str2:文本框中的内容,可以修改 返回值: 1. 点击确定按钮,文本框中的内容将作为函数返回值 2. 点击取消按钮,将返回null 看看下面代码: var myname=prompt("请输入你的姓名:"); if(myname!=null) { alert("你好"+myname); } else { alert("你好 my friend."); }
    查看全部
  • 弹出提示框(alert 消息对话框) 语法: alert(字符串或变量); 1. 在点击对话框"确定"按钮前,不能进行任何其它操作。 2. 消息对话框通常可以用于调试程序。 3. alert输出内容,可以是字符串或变量,与document.write 相似。
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>函数调用</title> <script type="text/javascript"> document.write("my&nbspname&nbspis&nbspiGreenMind&nbsp");//JavaScript中如何显示任意多个空格?想显示几个空格,那就在代码中敲多少个&nbsp document.write("1 2 3"); </script> </head> <body> </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>函数调用</title> <script type="text/javascript"> function iGreenMind() //定义函数 { alert("哈哈,调用函数了!给你显示我的名字:iGreenMind 嘿嘿!"); } </script> </head> <body> <form> <input type="button" value="点击我就告诉你我的名字哦" onclick=" iGreenMind() " /> </form> </body> </html>
    查看全部
  • function mytest(){//创建函数 var test = "测试"; //声明并赋值 alert(test); //弹窗事件 }
    查看全部
  • 在Javascript中,如果定义了一个函数,那么在需要调用函数时,只需要在指定的位置填写你定义的函数名字就可以了。 function 函数名() { 函数代码; }
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>函数调用</title> <script type="text/javascript"> function contxt() //定义函数 { alert("哈哈,调用函数了!"); } </script> </head> <body> <form> <input type="button" value="点击我" onclick=" contxt() " /> </form> </body> </html>
    查看全部
  • 怎么在js中,使用 document.write() 引用我们前面定义的某个变量的值呢???
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>判断语句</title> <script type="text/javascript"> var score = 80; if (score >= 60) { document.write("Good!你成绩是 score 分,及格了,真棒!"); } //怎么在document.write(); 中引用变量的值呢??? else { document.write("晕!你还没有及格呢,请加油努力,争取及格!"); } </script> </head> <body> </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>判断语句</title> <script type="text/javascript"> var score =80; //score变量存储成绩,初值为80 if (score >=60) { document.write("很棒,成绩及格了。"); } else { document.write("加油,成绩不及格。"); } </script> </head> <body> </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>变量</title> <script type="text/javascript"> var mynum = 8; </script> </head> <body> </body> </html>
    查看全部
  • 在Javascript中,变量的名字,不能使用Javascript中的关键词和保留字作为变量!
    查看全部
  • 为了代码的规范性,我们最好 先声明变量,然后再使用。要养成良好的编程习惯!
    查看全部

举报

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

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