求大神指导JS入门最后一题。-慕课网

首页课程实战体系课手记专栏慕课教程

求大神指导JS入门最后一题。

来源：4-1 编程挑战

dxyz

2016-06-05 00:25

正确的应该怎么写哦，谁能教我一下，还有就是，这个提交能不能修好了可以测试啊，怎么写提交都是对的。

写回答关注

7回答

我要开发地图系统

2016-06-15 17:50:15

一般情况下是这样的。现在网上的系统盘很方便，你可以极其轻松地安装系统，不过，对一些非常重要的资料，还是事前用U盘拷一份稳当一些。毕竟，意外随时可能发生。

0 0
我要开发地图系统

2016-06-13 22:47:59

兄弟，先将资料转移出来啊

1 0

dxyz

对了，重装系统是不是只有C盘的东西没有了？

2016-06-14 22:24:17

共 1 条回复 >
我要开发地图系统

2016-06-11 18:37:35

重装系统啊。

1 0

dxyz

重装系统不是什么都没了么。。。

2016-06-13 17:03:24

共 1 条回复 >
我要开发地图系统

2016-06-11 16:55:05

当然可以测试了

编写代码过程中出现失误在所难免，
那，有没有方法避免这个问题呢？
答案是：有的
用编辑器吧，有什么错误，它都会告诉你。
EditPlus 4 特好用，自己百度下载。

1 0

dxyz

大哥，我C盘好像没装什么东西就满了啊，现在电脑卡的跟狗一样，怎么弄哦？

2016-06-11 18:23:57

共 1 条回复 >
chendidi

2016-06-09 22:52:59

<!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="color()">
<input type="button" value="改变宽高" onclick="change_height()">
<input type="button" value="隐藏内容" onclick="change_content1()">
<input type="button" value="显示内容" onclick="change_content2()">
<input type="button" value="取消设置" onclick="cancel()">
</form>
<script type="text/javascript">
var mychar1 = document.getElementById('con');
var mychar2 = document.getElementById('txt');
function color(){

mychar1.style.color = "red";

function change_height(){

mychar2.style.height = "150px";
}
function change_content1(){
mychar2.style.display = "none";
}
function change_content2(){
mychar2.style.display = "block";
}
function cancel(){
if(confirem="恢复原始值？"){
mychar1.style.color = "black";
mychar2.style.height = "200px";
mychar2.style.display = "block";
}
}
</script>
</body>
</html>

0 0
一二一二

2016-06-05 22:11:30

<!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 id="myform">

<input type="button" value="改变颜色" >
<input type="button" value="改变宽高" >
<input type="button" value="隐藏内容" >
<input type="button" value="显示内容" >
<input type="button" value="取消设置" >
</form>
<script type="text/javascript">
//定义"改变颜色"的函数
//定义"改变宽高"的函数

var a=document.getElementById("myform").getElementsByTagName("input");
var b=document.getElementById("txt");

a[0].onclick=function(){

b.style.color="red";
}

a[1].onclick=function(){
b.style.width="90%";
b.style.width="110%";
}

a[2].onclick=function(){
b.style.display="none";
}

a[3].onclick=function(){
b.style.display="block";
}

a[4].onclick=function(){
var msg=confirm("是否取消设置？");
if(msg==true)
{
b.removeAttribute("style");
}
}

</script>
</body>
</html>

0 1
cdaily

2016-06-05 01:30:39

<!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="rColor()">
    <input type="button" value="改变宽高" onClick="rWH()">
    <input type="button" value="隐藏内容" onClick="nDisplay()">
    <input type="button" value="显示内容" onClick="yDisplay()">
    <input type="button" value="取消设置" onClick="rReturn()">
</form>
<script type="text/javascript">
//定义"改变颜色"的函数
function rColor()
{
    var mychar=document.getElementById("txt");
    mychar.style.color="red";
    mychar.style.background="blue";
}
//定义"改变宽高"的函数
function rWH()
{
    var mychar=document.getElementById("txt");
    mychar.style.width="300px";
    mychar.style.height="500px";
}

//定义"隐藏内容"的函数
function nDisplay()
{
    var mychar=document.getElementById("txt");
    mychar.style.display="none";
}

//定义"显示内容"的函数
function yDisplay()
{
    var mychar=document.getElementById("txt");
    mychar.style.display="block";
}

//定义"取消设置"的函数
function rReturn()
{
    var queren=confirm("确认是否取消设置");
    if(queren==true)
    {
        document.getElementById("txt").removeAttribute("style");
    }
}

0 0