运行不了，请大佬指教一下-慕课网

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

运行不了，请大佬指教一下

来源：4-1 编程挑战

慕沐4259076

2018-09-15 11:26

<!DOCTYPE HTML>

<html>

<head>

<title>javascript</title>

body{font-size:12px;}

#txt{

height:400px;

width:600px;

border:#333 solid 1px;

padding:5px;}

line-height:18px;

text-indent:2em;}

</style>

</head>

<body>

<h2 id="con">JavaScript</H2>

<h5>JavaScript为网页添加动态效果并实现与用户交互的功能。</h5>

<p>1. JavaScript入门篇，让不懂JS的你，快速了解JS。</p>

<p>2. JavaScript进阶篇，让你掌握JS的基础语法、函数、数组、事件、内置对象、BOM浏览器、DOM操作。</p>

<p>3. 学完以上两门基础课后，在深入学习JavaScript的变量作用域、事件、对象、运动、cookie、正则表达式、ajax等课程。</p>

</div>

<form>

</form>

function Excolor()

{

var c=document.getElementById("txt");

c.style.color="red";

}//定义"改变颜色"的函数

function Exlong()/

{

var w=document.getElementById("txt");

w.style.width=500px;

w.style.height=500px;

}

//定义改变宽高的函数

function hidden()

{

var h=document.getElementById("txt");

h.style.display="none";

}//定义"隐藏内容"的函数

function show()

{

var s=document.getElementById("txt");

s.style.display="block";

}//定义"显示内容"的函数

function cancle()

{

var rec=document.getElementById("txt");

rec=confirm("是否取消设置？")；

if (rec==true)

{

var a=document.getElementById("txt");

a.style.color="black";

a.style.height="400px";

a.style.width="600px";

a.style.display="block";

}

}//定义"取消设置"的函数

</script>

</body>

</html>

写回答关注

5回答

歪镜子腿

2018-09-26 15:33:12

按钮执行方案onclick=""/> 少一个反斜杠~

0 0
慕工程5036080

2018-09-19 14:40:17

<!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;
color:red;
}
p{
line-height:18px;
text-indent:2em;
}
#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="cor()">
<input type="button" value="改变宽高" onclick="hei()">
<input type="button" value="隐藏内容" onclick="hidd()">
<input type="button" value="显示内容" onclick="blo()">
<input type="button" value="取消设置" onclick="upd()">
</form>
<script type="text/javascript">
//定义"改变颜色"的函数
my=document.getElementById("txt");
function cor(){
my.style.color="#ccc";
}

//定义"改变宽高"的函数

function hei(){
my.style.height="200px";
my.style.width="300";
}
//定义"隐藏内容"的函数
function hidd(){
my.style.display="none";
}

//定义"显示内容"的函数
function blo(){
my.style.display="block";

}

//定义"取消设置"的函数
function upd(){
var con=confirm("是否取消设置");
if(con){

my.style.display="block";
my.style.color="red";
my.style.height="400px";
my.style.width="600px";
}
}

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

0 0
Vanoss

2018-09-18 16:42:55

<!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;
color: blue;
}
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="exColor()">

<input type="button" value="改变宽高" onclick="exLong()">

<input type="button" value="隐藏内容" onclick="exHidden()">

<input type="button" value="显示内容" onclick="exShow()">

<input type="button" value="取消设置" onclick="cancle()">

</form>

<script type="text/javascript">
var all=document.getElementById("txt");

function exColor()
{
all.style.color="red";

}//定义"改变颜色"的函数

function exLong()
{
all.style.width="500px";

all.style.height="500px";

}

//定义改变宽高的函数

function exHidden()
{
all.style.display="none";

}//定义"隐藏内容"的函数

function exShow()
{
all.style.display="block";

}//定义"显示内容"的函数

function cancle()

{
var rec=confirm("是否取消设置？");

if (rec==true)
{
all.style="#txt";

}

}//定义"取消设置"的函数

</script>

</body>

</html>

0 0
A凶残的小绵洋

2018-09-15 12:20:58

你重复获取元素次数太多了,获取一次起一个名字就行了,最后设置恢复样式的判断写的太麻烦了,其实就是判断true 然后a.style = "none"; 就没有啦就是确定后样式变没有.......

0 0
MrMr_763956076

2018-09-15 12:01:19

rec应该是获取的是confirm返回的布尔值（true或者false）,你下面的a已经获取了TXT的ID。没必要重复获取
var rec=document.getElementById("txt");
rec=confirm("是否取消设置？")；
变成
var rec=confirm("是否取消设置？");
试一试。

0 0