慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

叶落偏执

2-1 JavaScript-输出内容（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> 来自wiki：JS中如何输出空格

查看全部

0 采集收起来源：JavaScript-输出内容（document.write）
2018-03-22
慕标0450783

 <input type="button" value="改变颜色" onclick="col()"> <input type="button" value="改变宽高" onclick="wh()"> <input type="button" value="隐藏内容" onclick="no()"> <input type="button" value="显示内容" onclick="bl()"> <input type="button" value="取消设置" onclick="ww()"> </form> <script type="text/javascript"> var tt=document.getElementById('txt'); //定义"改变颜色"的函数 function col(){ tt.style.color='red'; } //定义"改变宽高"的函数 function wh(){ tt.style.width='200px'; tt.style.height='300px'; } //定义"隐藏内容"的函数 function no(){ tt.style.display='none'; } //定义"显示内容"的函数 function bl(){ tt.style.display='block'; } //定义"取消设置"的函数 function ww(){ var tip=confirm('是否要取消设置？'); if(tip==true){ txt.style=null； } else{ return; } }

查看全部

1 采集收起来源：编程挑战
2018-03-22
qq_凯文

document.getElementById(“id”) 获取到的是整个对象用document.getELementById().innerHTML;才可以获取到其中的内容

查看全部

0 采集收起来源：通过ID获取元素
2017-02-28
慕粉1303267544

引用js外部文件。 script.js

查看全部

0 采集收起来源：我也可以独立（引用JS外部文件）
2017-02-28
叶落偏执

如何定义一个函数呢？基本语法如下: function 函数名() { 函数代码; } 说明: 1. function定义函数的关键字。 2. "函数名"你为函数取的名字。 3. "函数代码"替换为完成特定功能的代码。我们来编写一个实现两数相加的简单函数,并给函数起个有意义的名字：“add2”，代码如下： function add2(){ var sum = 3 + 2; alert(sum); }

查看全部

0 采集收起来源：JavaScript-什么是函数
2018-03-22
叶落偏执

JavaScript-判断语句（if...else） if...else语句是在指定的条件成立时执行代码，在条件不成立时执行else后的代码。语法: if(条件) { 条件成立时执行的代码 } else { 条件不成立时执行的代码 } 假设我们通过年龄来判断是否为成年人，如年龄大于等于18岁，是成年人，否则不是成年人。代码表示如下: <script type="text/javascript"> var myage = 18; if(myage>=18) //myage>=18是判断条件 { document.write("你是成年人。");} else //否则年龄小于18 { document.write("未满18岁，你不是成年人。");} </script

查看全部

0 采集收起来源：JavaScript-判断语句（if...else）
2018-03-22
isnotcherry

1、第一次代码中，取消设置的函数名写成reset(),但是这是关键词，不能作为函数名，怪不得点击按钮没有反应！切记！ 2、百度到的，后面学到再看是否正确：------ removeAttribute()是移除属性操作，比如要移除style中定义的某个属性(如height)可以写成obj.style.removeAttribute("height")，要移除style中定义的全部属性时是obj.style.cssText=""（错误写法：obj.removeAttribute("style")）

查看全部

0 采集收起来源：编程挑战
2018-03-22
游云浮世绘

h2标签的作用学一点html基础就知道了。con 和 mychar 都是名字，随便怎么取是我们的自由。getElementById就像是个抓手，把h2这个元素抓到了，但是getElementById只会抓人，不会做思想工作，没能力改变它抓来的人，这时候就要靠innerHTML，它的作用就是从改变抓来的人。

查看全部

1 采集收起来源：innerHTML 属性
2017-02-28
qq_玫子黄时雨_03966317

1. 使用输出html标签 来解决 document.write("  "+"1"+"    "+"23"); 结果: 1 23 2. 使用CSS样式来解决 document.write("<span style='white-space:pre;'>"+" 1 2 3 "+"</span>"); 结果: 1 2 3 在输出时添加“white-space:pre;”样式属性。这个样式表示"空白会被浏览器保留"

查看全部

0 采集收起来源：JavaScript-输出内容（document.write）
2018-03-22
qq_玫子黄时雨_03966317

<input type="button" value="点击我" onclick=" contxt() " /> 生成按钮

查看全部

0 采集收起来源：JavaScript-什么是函数
2018-03-22
草莓i

<!DOCTYPE html> <html> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=gbk"/> <script type="text/javascript"> function openWindow(){ var open=confirm("是否打开新窗口？") if(open==true){ var hhh=prompt("确认打开网址","http://www.imooc.com/"); window.open(hhh,'_blank','width=400,height=500,menubar=no,toolbar=no') } }// 新窗口打开时弹出确认框，是否打开 // 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/ //打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。 </script> </head> <body> <input type="button" value="新窗口打开网站" onClick="openWindow()" /> </body> </html>

查看全部

0 采集收起来源：编程练习
2018-03-22
草莓i

JavaScript-打开新窗口（window.open） open() 方法可以查找一个已经存在或者新建的浏览器窗口。语法： window.open([URL], [窗口名称], [参数字符串]) 参数说明: URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。窗口名称：可选参数，被打开窗口的名称。 1.该名称由字母、数字和下划线字符组成。 2."_top"、"_blank"、"_self"具有特殊意义的名称。 _blank：在新窗口显示目标网页 _self：在当前窗口显示目标网页 _top：框架网页中在上部窗口中显示目标网页 3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。 4.name 不能包含有空格。参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。参数表: 例如:打开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>

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2018-03-22
草莓i

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>prompt</title> <script type="text/javascript"> function rec(){ var score; //score变量，用来存储用户输入的成绩值。 score =prompt("输入成绩:") ; if(score>=90) { document.write("你很棒!"); } else if(score>=75) { document.write("不错吆!"); } else if(score>=60) { document.write("要加油!"); } else { document.write("要努力了!"); } } </script> </head> <body>

查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2018-03-22
草莓i

prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。语法: prompt(str1, str2); 参数说明： str1: 要显示在消息对话框中的文本，不可修改 str2：文本框中的内容，可以修改返回值: 1. 点击确定按钮，文本框中的内容将作为函数返回值 2. 点击取消按钮，将返回null

查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2017-02-28
洛7

JavaScript-确认（confirm 消息对话框）

查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2017-02-27

首页上一页 1246 1247 1248 1249 1250 1251 1252 下一页尾页

0/150

提交

取消

开始学习

课程须知: 该课程是针对新手的一个简单基础的课程，让您快速了解JS，通过一些简单的代码编写体会JS。如果您已经对JS有所了解，可以跳过本课程，学习JS进阶课程，进一步学习JS相应的基础知识。学习本课程，希望您至少具备HTML/CSS基础知识，认识常用的标签。

老师告诉你能学到什么？: 1. 理解JavaScript基础语法； 2. 掌握常用语句的使用方法； 3. 学会如何获取DOM元素及进行简单操作。