慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

慕运维2215283

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>className属性</title>
<style>
    body{ font-size:16px;}
    .one{
       border:1px solid #eee;
       width:230px;
       height:50px;
       background:#ccc;
       color:red;
    }
   .two{
       border:1px solid #ccc;
       width:230px;
       height:50px;
       background:#9CF;
       color:blue;
   }
   </style>
</head>
<body>
    <p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p>
    <input type="button" value="添加样式" onclick="add()"/>
   <p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>
    <input type="button" value="更改外观" onclick="modify()"/>

   <script type="text/javascript">
       function add(){
          var p1 = document.getElementById("p1");
          p1.className="one";
       }
       function modify(){
          var p2 = document.getElementById("p2");
          p2.className="two"
       }
   </script>
</body>
</html>

查看全部

0 采集收起来源：控制类名（className 属性）
2018-11-08
慕运维2215283
```
Object.style.display = none
```
```
Object.style.display = block
```
查看全部

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

慕运维2215283

Object.style.property=new style;

<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-11-08

Foltre

除了这两种外，还可以使用html的注释方法

查看全部

0 采集收起来源：JavaScript-注释很重要
2018-11-08
LiuSS_

JS调用函数

查看全部

0 采集收起来源：JavaScript-什么是函数
2018-11-08
千重
1、新窗口打开时弹出确认框，是否打开
```
提示: 使用 if 判断确认框是否点击了确定，如点击弹出输入对话框，否则没有任何操作。
```
2、通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/
3、打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。
查看全部

0 采集收起来源：编程练习
2018-11-08
Foltre

使用<script></script>有三种方法
1)<script type="text/javascript"></script>
2)<script language="javascript"></script>
这两种是在同一文件内使用的方法，还有一种是专门写一个js文件，然后在html中引用。
3）<script src="code.js" type="text/javascript"></script>

查看全部

1 采集收起来源：新朋友你在哪里（如何插入JS）
2018-11-08
Foltre

document是js的内置对象，从属于window对象。主要负责操作浏览器载入的文档。
write是该对象的网页输入函数。
getElementById("id名称")是获取html中ID的方法。

查看全部

0 采集收起来源：为什么学习JavaScript
2018-11-08
慕运维2215283

<!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 myw confirm("是否打开?");
    // 新窗口打开时弹出确认框，是否打开
    if (myw==true)
    {
     window.open('http://www.imooc.com/','_blanket','width=400px','height=500px','menubar=no','toolbar=no');
    }
    // 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/
    else
    {
    return;
    }
}
    //打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。
</script>
</head>
<body>
      <input type="button" value="新窗口打开网站" onclick="openWindow()" />
</body>
</html>

查看全部

0 采集收起来源：编程练习
2018-11-08
_喜儿

javascript设置格式：<script type="text/javascript"></script>
里面的内容语句后面有分号，和高级语言类似。
里面的内容必须以document.开始；比如：document.write()或者document.getElementById()

查看全部

0 采集收起来源：为什么学习JavaScript
2018-11-08
千重
例如:打开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-11-08
幕布斯6549210

confirm :确认
prompt：交互和互动
alert：弹出框

查看全部

0 采集收起来源：编程练习
2018-11-08
翻山越岭却无心看风

prompt() 消息对话框

查看全部

0 采集收起来源：JavaScript-提问（prompt 消息对话框）
2018-11-08
翻山越岭却无心看风

confirm() 用法

查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2018-11-08
翻山越岭却无心看风

输出页面在html中的四种表现形式

查看全部

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

首页上一页 352 353 354 355 356 357 358 下一页尾页

0/150

提交

取消

开始学习

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

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