为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript入门篇

难度入门
时长 1小时35分
学习人数
综合评分9.57
5509人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.4 逻辑清晰

已采纳回答 / Perona
js解释是逐行解释的,即自上而下。<...code...>运行到这里做判断的时候,变量score是未被声明和赋值。js读取一个未声明未赋值的变量是会产生错误的。这里为什么还能执行,我觉得是网站的原因。你把代码拷贝到本地运行的时候,就会发现运行结果什么都没有。
//定义&quot;取消设置&quot;的函数

function clearSet(){

var what = confirm(&quot;确定取消设置?&quot;);

if(what==true){

title.removeAttribute(&quot;style&quot;);

content.removeAttribute(&quot;style&quot;);

}

}
&lt;script type=&quot;text/javascript&quot;&gt;
var mychar = document.getElementById(&quot;con&quot;);
mychar = style.color=&quot;red&quot;; //颜色改为红色
mychar = style.backgroundColor =&quot;#CCC&quot;;//背景改为灰色
mychar = style.width=&quot;300px&quot;;//将P标签的宽开为300像素
&lt;/script&gt;
//有时候页面不变化,如果想看效果可以将上面的代码拷贝编辑器里面然后运行就可以看到效果了
function openwindow(){
var one =confirm(&quot;是否打开新的网页&quot;);
if(one=true){
var two=prompt(&quot;你要打开的网址为:&quot;,&quot;http://www.imooc.com/&quot;);
window.open(ap,&#039;_blank&#039;,&#039;width=400,height=500,toolbar=no,menubar=no,top=50,left=0&#039;);
}
else
{ null;
}
}
&lt;script type=&quot;text/javascript&quot;&gt;
var mychar=document.getElementById(&quot;con&quot;) ;
document.write(&quot;原标题:&quot;+mychar.innerHTML+&quot;&lt;br&gt;&quot;); //输出原h2标签内容
mychar.innerHTML=&quot;New text&quot;//将mychar获取的内容进行修改
document.write(&quot;修改后的标题:&quot;+mychar.innerHTML); //输出修改后h2标签内容
&lt;/script&gt;

最新回答 / pardon110
没区别,如果一定说有区别的话,那就是使用的中间变量过渡的代码段不同。
&lt;p id=&quot;con&quot;&gt;做为一个Web开发师来说,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。&lt;/p&gt;
&lt;form&gt;
&lt;input type=&quot;button&quot; onclick=&quot;hidetext()&quot; value=&quot;隐藏内容&quot; /&gt;
&lt;input type=&quot;button&quot; onclick=&quot;showtext()&quot; value=&quot;显示内容&quot; /&gt;
&lt;/form&gt;
function hidetext()
{
var mychar = document.getElementById(&quot;con&quot;);
document.getElementById(&quot;con&quot;).style.display=&quot;none&quot;;
}
function showtext()
{
var mychar = document.getElementById(&quot;con&quot;);
document.getElementById(&quot;con&quot;).style.display=&quot;block&quot;;
}
&lt;p id=&quot;pcon&quot;&gt;Hello World!&lt;/p&gt;
&lt;script&gt;
var mychar = document.getElementById(&quot;pcon&quot;);
mychar.style.color=&quot;red&quot;;
mychar.style.fontSize=&quot;20&quot;;
mychar.style.backgroundColor =&quot;blue&quot;;
&lt;/script&gt;

已采纳回答 / 溺水的鱼_2015
DOM加载完后并没有去执行你的在<head></head>标签中的的javascript代码,你得显式的去执行它,比如这样:window.onload=function(){ /*这里写JavaScript代码*/} 或者 在<body>中加onload="JavaScript code...;":<body onload="JavaScript code...;">
&lt;script type=&quot;text/javascript&quot;&gt;
function Wopen(){
window.open(&#039;http://www.imooc.com&#039;,&#039;_blank&#039;,&#039;width=600,height=400,top=100,left=0&#039;)

}
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;input name=&quot;button&quot; type=&quot;button&quot; onClick=&quot;Wopen()&quot; value=&quot;点击我,打开新窗口!&quot; / &gt;
&lt;/body&gt;
&lt;/html&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
function rec(){
var mymessage=confirm(&quot;你是女士吗?&quot;);
if(mymessage==true)
{
document.write(&quot;你是女士!&quot;);
}
else
{
document.write(&quot;你是男士!&quot;);
}
}
&lt;/script&gt;
confirm 消息对话框通常用于允许用户做选择的动作,如:“你对吗?”等。弹出对话框(包括一个确定按钮和一个取消按钮)。

语法:

confirm(str);
参数说明:

str:在消息对话框中要显示的文本
返回值: Boolean值
返回值:

当用户点击&quot;确定&quot;按钮时,返回true
当用户点击&quot;取消&quot;按钮时,返回false
语法:

alert(字符串或变量);
看下面的代码:

&lt;script type=&quot;text/javascript&quot;&gt;
var mynum = 30;
alert(&quot;hello!&quot;);
alert(mynum);
&lt;/script&gt;
注:alert弹出消息对话框(包含一个确定按钮)。
&lt;script type=&quot;text/javascript&quot;&gt;
function contxt() //定义函数
{
alert(&quot;哈哈,调用函数了!&quot;);
}
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;form&gt;
&lt;input type=&quot;button&quot; value=&quot;点击我&quot; onclick=&quot;contxt()&quot; /&gt;
&lt;/form&gt;
如何定义一个函数呢?基本语法如下:

function 函数名()
{
函数代码;
}
说明:

1. function定义函数的关键字。

2. &quot;函数名&quot;你为函数取的名字。

3. &quot;函数代码&quot;替换为完成特定功能的代码。
课程须知
该课程是针对新手的一个简单基础的课程,让您快速了解JS,通过一些简单的代码编写体会JS。如果您已经对JS有所了解,可以跳过本课程,学习JS进阶课程,进一步学习JS相应的基础知识。学习本课程,希望您至少具备HTML/CSS基础知识,认识常用的标签。
老师告诉你能学到什么?
1. 理解JavaScript基础语法; 2. 掌握常用语句的使用方法; 3. 学会如何获取DOM元素及进行简单操作。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消