慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

挽安0

function 函数名(){    函数名自取
     函数代码;    替换为完成特定功能的代码
}

查看全部

0 采集收起来源：JavaScript-什么是函数

2018-07-24

筑梦小江

想知道工具条，滚动条这些设置区别在哪里？求教，全文有源码图！

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2018-07-24
qq_Nng_1

alert(字符串或变量);

查看全部

0 采集收起来源：JavaScript-警告（alert 消息对话框）
2018-07-24
噢里亚

2-7编程练习：学习的代码

查看全部

0 采集收起来源：编程练习
2018-07-24
帅气的小哥

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>window.open</title>
<script type="text/javascript">
function wopen(){
var myweb=prompt("输入你要打开的网址","http://");
var mymessage=confirm("确定吗？");
if(mymessage==true)
{
window.open(myweb,'_blank','width=600,height=400,top=100,left=0');
}
else
{
alert("打开失败");
}
}
</script>
</head>
<body>
<input name="button" type="button" onClick="wopen()" value="点击我打开新网页"/>
</body>
</html>

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2018-07-23
慕仰5167746

<script type="text/javascript">
function openWindow(){
var message = confirm("是否打开新窗口？");
if(message = "true"){
var mes = prompt("请输入您要打开的网址：");
if(mes != null){
window.open(mes,"慕课网","width=400,height=500,menubar=no,toolbar=no");
}else{
window.open("http//www.imooc.com/","慕课网","width=400,height=500,menubar=no,toolbar=no");
}
}
else{

}
}
// 新窗口打开时弹出确认框，是否打开

// 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/

//打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。


</script>

查看全部

0 采集收起来源：编程练习
2018-07-23
qq_修心_acEX06

document.getElementById(“id”) 这条语句获取的是元素，包含开始标签到结束标签所有内容。想要输出元素内容需要在其后尾使用.innerHTML /*innerHTML看它的英文单词也可以明白就是里面的字符按html标记的语言格式取出来*/ （摘抄）null 代表失效节点，是因为js放在了ID的上面，我们都知道HTML文档都是从上向下解析的，当浏览器解析到document.getElementById的时候就会感到困惑而奔溃。因为浏览器还没扫描到ID元素前，你就先提取ID元素，浏览器就二了。 object HTMLParagraphElement 说白了就是有效的。你可以试试把JS放在Id元素上，或者下，你就知道了。

查看全部

0 采集收起来源：通过ID获取元素
2018-07-23
慕娘4083851

document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。

查看全部

0 采集收起来源：JavaScript-输出内容（document.write）
2018-07-23
KK599

显示和隐藏（display属性）:

查看全部

0 采集收起来源：显示和隐藏（display属性）
2018-07-23

KK599

改变 HTML 样式:

<p id="pcon">Hello World!</p>
<script>
   var mychar = document.getElementById("pcon");
   mychar.style.color="red";
   mychar.style.fontSize="20";
   mychar.style.backgroundColor ="blue";
</script>

查看全部

0 采集收起来源：改变 HTML 样式

2018-07-23

KK599
控制类名（className 属性）:
```
object.className = classname
```
innerHTML 属性:
```
Object.innerHTML
```
查看全部

0 采集收起来源：innerHTML 属性
2018-07-23
KK599
通过ID获取元素:
```
document.getElementById(“id”)
```
查看全部

0 采集收起来源：通过ID获取元素
2018-07-23

KK599

打开新窗口（window.open）：

URL：
可选参数，在窗口中要显示网页的网址或路径。
如果省略这个参数，或者它的值是空字符串，
那么窗口就不显示任何文档。
窗口名称：
可选参数，被打开窗口的名称。    
1.该名称由字母、数字和下划线字符组成。
2."_top"、"_blank"、"_self"特殊意义的名称。
  _blank：在新窗口显示目标网页
  _self：在当前窗口显示目标网页
  _top：框架网页中在上部窗口中显示目标网页
3.相同 name 的窗口只能创建一个，
  要想创建多个窗口则 name 不能相同。
4.name 不能包含有空格。
  参数字符串：可选参数，设置窗口参数，
  各参数用逗号隔开。

<script type="text/javascript"> 
window.open
(' 
'_blank',
'width=300,height=200,
 menubar=no,toolbar=no,  
 status=no,scrollbars=yes')
</script>

关闭窗口（window.close）：

<script type="text/javascript">
   var mywin=window.open('http://www.imooc.com'); 
   mywin.close();
</script>

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）

2018-07-23

KK599

JavaScript的函数:

输出内容：

document.write()

第一种:输出内容用""括起，直接输出""号内的内容
document.write("I love JavaScript！");

第二种:通过变量，输出内容
  var mystr="hello world!";
  document.write(mystr);  
  
第三种:输出多项内容，内容之间用+号连接。
  var mystr="hello";
  document.write(mystr+"I love JavaScript"); 
  
第四种:输出HTML标签，并起作用，标签使用""括起来。
var mystr="hello";
document.write(mystr+"<br>");//输出hello后，输出一个换行符
document.write("JavaScript");

输出空格：

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

alert 消息对话框：

<script type="text/javascript">
   var mynum = 30;
   alert("hello!");
   alert(mynum);
</script>

注意:
1. 在点击对话框"确定"按钮前，不能进行任何其它操作。
2. 消息对话框通常可以用于调试程序。
3. alert输出内容，可以是字符串或变量，与document.write 相似。

confirm 消息对话框:

<script type="text/javascript">
    var mymessage=confirm("你喜欢JavaScript吗?");
    if(mymessage==true)
    {   document.write("很好,加油!");   }
    else
    {  document.write("JS功能强大，要学习噢!");   }
</script>

prompt 消息对话框

var myname=prompt("请输入你的姓名:");
if(myname!=null)
  {   alert("你好"+myname); }
else
  {  alert("你好 my friend.");  }

查看全部

0 采集收起来源：JavaScript-什么是函数

2018-07-23

KK599
判断语句：
```
if(条件)
{ 条件成立时执行的代码 }
else
{ 条件不成立时执行的代码 }
```
查看全部

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

首页上一页 447 448 449 450 451 452 453 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript入门篇

显示和隐藏（display属性）:

改变 HTML 样式:

控制类名（className 属性）:

innerHTML 属性:

通过ID获取元素:

打开新窗口（window.open）：

关闭窗口（window.close）：

JavaScript的函数:

alert 消息对话框：

confirm 消息对话框:

prompt 消息对话框