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

JavaScript入门篇

难度入门
时长 1小时35分
学习人数
综合评分9.57
5509人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.4 逻辑清晰
注意: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元素”

最新回答 / 清风渡江
规则三的意思是不能使用Javascript 的保留关键字不可以用作变量、标签或者函数名。有些保留关键字是作为 Javascript 以后扩展使用。以下是js的保留关键字abstractargumentsbooleanbreakbytecasecatchcharclass*constcontinuedebuggerdefaultdeletedodoubleelseenum*evalexport*extends*falsefinalfinallyfloatforfunctiongotoifimplements...

最赞回答 / 星舟
我也是这种情况,你是不是点提交跳出两个百度,你把自动运行打开,别提交,他只能弹出一个页面,你点提交他会运行两次,所以会弹出两个窗口。
//定义"取消设置"的函数
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} } }

最赞回答 / 慕爷1004648
p 指的是p标签 类似我们写文章的段落 一个p代表一个段落id就是给这个段落也就是p标签起名字con就是p标签也就是段落的名字  
课程须知
该课程是针对新手的一个简单基础的课程,让您快速了解JS,通过一些简单的代码编写体会JS。如果您已经对JS有所了解,可以跳过本课程,学习JS进阶课程,进一步学习JS相应的基础知识。学习本课程,希望您至少具备HTML/CSS基础知识,认识常用的标签。
老师告诉你能学到什么?
1. 理解JavaScript基础语法; 2. 掌握常用语句的使用方法; 3. 学会如何获取DOM元素及进行简单操作。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消