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

JavaScript入门篇

难度入门
时长 1小时35分
学习人数
综合评分9.57
5509人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.4 逻辑清晰
注意:值数需要加引号。

编译器是慕课它本身的问题,无需纠结,多提交几次。但是,它只检测语法有无错误,你还得看看右边demo。
比如,这里,即使你的值
如 mychar.style.color = red; 它不报错,但是没效果,其实是错了。
应该:mychar.style.color = "red";
注意:innerHTML区分大小写
额,下面的注释:
write(con) //输出[object HTMLDivElement]
我用的是div测试,不是p。不影响理解
注意点,不要去看document,要看 getElementById();和 write();

有引号:
getElementById('con') //获取ID为con的元素
write('con') //输出内容就是 con(这个不是元素的id,而是文本来的,相当于“你好,嗨”等字符)

无引号:
getElementById(con) //语法错误,必须加引号,否则无法执行
write(con) //输出[object HTMLDivElement],没引号,它相当于直接输出id为con的元素节点,
综上:
第一种操作获取:document.getElementById("id").innerHTML;
第二种操作输出:document.write(id.innerHTML);
这两种输出结果相同。操作不同而已。
关于本篇的一些个人理解
④如果想要输出结果为文本内容“JavaScript”如何编写?
第一种无需改变获取语句,只需改变输出语句(mychar 改→ con.innerHTML):
<p id="con">JavaScript</p>
<script type="text/javascript">
var mychar=document.getElementById("con");
document.write(con.innerHTML);
</script>

输出结果:
JavaScript
JavaScript
关于本篇的一些个人理解
④如果想要输出结果为文本内容“JavaScript”如何编写?
第一种获取元素语句后面加 .innerHTML 来获取文本:
<p id="con">JavaScript</p>
<script type="text/javascript">
var mychar=document.getElementById("con").innerHTML;
document.write(mychar);
</script>

输出结果:
JavaScript
JavaScript
关于本篇的一些个人理解
③为何这里输出的不是文本内容“JavaScript”?
前面说了,document.getElementById('id');获取的就是id名为''的一个元素,也就是选取元素节点用的,所以这里,获取到的是,p元素,输出也是p元素。至于里面的“JavaScript”是文本节点,需要改变一下语句来获取:
document.getElementById('id').innerHTML;
这个才是获取元元素里面文本内容(文本节点)的语句,而且有两种办法,在第④点说明
关于本篇的一些个人理解
②为何<script></script>放在头部,输出为 null?
var mychar = document.getElementById('con');
document.write(mychar);

<p id="con">javascript</p>
因为js执行顺序由上至下,从上层开始优先执行,那这里因为<p>内容</p>放在了js脚本后面,所以先执行了js,才遇到的p。那么js是无法获取到元素的,所以为null。
关于本篇的一些个人理解
①为何输出结果是object HTMLParagraphElement?
<p id="con">javascript</p>

var mychar = document.getElementById('con');
document.write(mychar);
输出object HTMLParagraphElement,因为它获取的只是名字ID为con的元素,所以输出结果等于“id为con的元素是p元素”
//定义"取消设置"的函数
function CX(){
var csh = confirm("初始化设置?");
if(csh){
document.getElementById("txt").style=null;
}
}
function openWindow()
{ var mymessage= confirm("打开默认URL");
if(mymessage==true)
{ // 打开默认URL
window.open('https://www.imooc.com/')
}else{ //打开输入的URL
var score = prompt("请输入你要打开的URL:");
if(score != null){
window.open(score)}
else{window.colse} } }
function resetStyle()
{
var res=confirm('是否取消');
if(res)
{
cont1.removeAttribute("style");
}
}注意取消函数的命名,不要用那些容易冲突的名字,像reset等等
function openWindow()
{
var conf=confirm('是否打开网站');
if(conf==true)
{
var web=prompt('请输入网址','http://www.imooc.com/');
window.open(web,'_blank','width=400,height=500,menubar=no,toolbar=no,status=no');
}
else{}
}
这是我的答案
对的,创建然后关闭,逻辑是这样
课程须知
该课程是针对新手的一个简单基础的课程,让您快速了解JS,通过一些简单的代码编写体会JS。如果您已经对JS有所了解,可以跳过本课程,学习JS进阶课程,进一步学习JS相应的基础知识。学习本课程,希望您至少具备HTML/CSS基础知识,认识常用的标签。
老师告诉你能学到什么?
1. 理解JavaScript基础语法; 2. 掌握常用语句的使用方法; 3. 学会如何获取DOM元素及进行简单操作。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消