慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

慕丝1445963

多行注释的快捷键ctrl+shift+/

查看全部

0 采集收起来源：JavaScript-注释很重要
2018-10-09
qq_黑白灰_fnoqzU
```
Object.style.property=new style;
```
查看全部

0 采集收起来源：改变 HTML 样式
2018-10-08

迷茫中滚打

作业：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />
<title>javascript</title>
<style type="text/css">
body{font-size:12px;}
#txt{
    height:400px;
    width:600px;
border:#333 solid 1px;
padding:5px;
    
}
p{
line-height:18px;
text-indent:2em;}
</style>
</head>
<body>
  <h2 id="con">JavaScript课程</H2>
  <div id="txt"> 
     <h5>JavaScript为网页添加动态效果并实现与用户交互的功能。</h5>
        <p>1. JavaScript入门篇，让不懂JS的你，快速了解JS。</p>
        <p>2. JavaScript进阶篇，让你掌握JS的基础语法、函数、数组、事件、内置对象、BOM浏览器、DOM操作。</p>
        <p>3. 学完以上两门基础课后，在深入学习JavaScript的变量作用域、事件、对象、运动、cookie、正则表达式、ajax等课程。</p>
  </div>
  <form>
  <!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->
    <input type="button" value="改变颜色" onclick = changeColor();>  
    <input type="button" value="改变宽高" onclick = changeWH();>
    <input type="button" value="隐藏内容" onclick = hideTxt();>
    <input type="button" value="显示内容" onclick = displayTxt();>
    <input type="button" value="取消设置" onclick = cancelChange();>
  </form>
  <script type="text/javascript">
  
    var txtObject = document.getElementById("txt");
//定义"改变颜色"的函数
    function changeColor()
    {
        txtObject.style.color = "blue";
        txtObject.style.backgroundColor = "gray";
    }
//定义"改变宽高"的函数
    function changeWH()
    {
        txtObject.style.width = "200px";
        txtObject.style.height = "300px";
        
    }
//定义"隐藏内容"的函数
    function hideTxt()
    {
        txtObject.style.display = "none";
        
    }
//定义"显示内容"的函数
    function displayTxt()
    {
        txtObject.style.display = "block";
            
    }
    
//定义"取消设置"的函数
 function cancelChange()
    {
        var msg = confirm("是否确认取消设置？");
        if(msg == true)
        {
            txtObject.style = "none";
        }
        
    }
  </script>
</body>
</html>

查看全部

2 采集收起来源：编程挑战

2018-10-08

迷茫中滚打

显示和隐藏元素
targetObject.style.display = "none"(隐藏)或 "block"(显示)

查看全部

0 采集收起来源：显示和隐藏（display属性）
2018-10-08
迷茫中滚打

改变 HTML 元素的样式：
1- 首先获取该元素对象
targetObject = document.getElementById("targetId");
2- 设置该元素的新样式
targetObject.style.property = [new style];
其中：
property 可为：
backgroundColor    元素的背景颜色；
height                      元素的高度；
width                        元素的宽度；
color                         文本颜色；
font                          字体属性；
fontFamily                 设置元素字体系列；
fontSize                     设置元素字体大小；

查看全部

0 采集收起来源：改变 HTML 样式
2018-10-08

迷茫中滚打

作业

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

查看全部

0 采集收起来源：编程练习

2018-10-08

迷茫中滚打

打开新窗口
window.open([URL], [窗口名称], [参数字符串])

查看全部

0 采集收起来源：JavaScript-打开新窗口（window.open）
2018-10-08
慕桂英7521822

document write ("hello");

查看全部

0 采集收起来源：为什么学习JavaScript
2018-10-08
慕桂英7521822

document write hello

查看全部

0 采集收起来源：为什么学习JavaScript
2018-10-08

嘿嘿De菜

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-10-07

lucky凌竹

getElementById 获取id

查看全部

0 采集收起来源：通过ID获取元素
2018-10-07
lucky凌竹

confirm（）会弹出两个选择

查看全部

0 采集收起来源：JavaScript-确认（confirm 消息对话框）
2018-10-07
lucky凌竹

alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框

查看全部

0 采集收起来源：JavaScript-什么是函数
2018-10-07
慕田峪6197350

没看到效果！

查看全部

0 采集收起来源：编程练习
2018-10-06
慕田峪6197350

标题框上www.immoc.com来自哪儿？

查看全部

0 采集收起来源：JavaScript-警告（alert 消息对话框）
2018-10-06

首页上一页 381 382 383 384 385 386 387 下一页尾页

0/150

提交

取消

开始学习

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

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