-
document.getElementById(“id”);
查看全部 -
prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。语法:
prompt(str1, str2);
参数说明：
str1: 要显示在消息对话框中的文本，不可修改 str2：文本框中的内容，可以修改
返回值:
1. 点击确定按钮，文本框中的内容将作为函数返回值 2. 点击取消按钮，将返回null
查看全部 -
confirm 选择对话框，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个取消按钮)
查看全部 -
当行注释 //
多行注释
/*
需要单独一行
*/
查看全部 -
JavaScript代码放在html文件中任何位置，但一般放在网页的head或者body部分，放在前面的script就先被执行
查看全部 -
confirm 提问对话框
prompt 输入对话框
查看全部 -
window.open([URL], [窗口名称], [参数字符串])
参数说明:
URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。窗口名称：可选参数，被打开窗口的名称。 1.该名称由字母、数字和下划线字符组成。 2."_top"、"_blank"、"_self"具有特殊意义的名称。 _blank：在新窗口显示目标网页 _self：在当前窗口显示目标网页 _top：框架网页中在上部窗口中显示目标网页 3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。 4.name 不能包含有空格。参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。
查看全部 -
总结：alert是弹出一个框，直接显示alert中的内容。
confirm是弹出一个框，根据确认取消来选择输出后续语句的内容。
prompt是弹出一个框，让你输入内容来判断后续该进行的语句。查看全部 -
Object是获取的元素对象，如通过document.getElementById("id")获取的元素。
查看全部 -
数字以外的属性值都需要加引号
查看全部 -
getElementById()，返回Id属性满足的标签内容，并返回
关于id值的引号，双引号和单引号都可以
获取到的是p标签元素，也就是对象，获取到的对象不会显示里面的值，所以显示object HTMLParagraphElement，想要抽取出里面的值，就用 mychar. innerHTML
这里返回的 一个HTMLParagraphElement对象，输出的时候是输出他的字符串表示，这里这个HTMLParagraphElement类型默认的toString()方法返回的就是"[object HTMLParagraphElement]"
innerHTML
在控件中加html代码 ,就是设置一个元素里面的HTML,标签对文本信息有效。简单地说就是可以对标签内的内容进行修改，赋值，获取等操作。
innerTEXT
打印标签之间的纯文本信息，显示标签，标签无效，低版本的火狐浏览器不支持。
比如：<p id="check">abc</p>
document.getElementById("check").innerTEXT="ABC"
那么就将上面的“abc"修改成了"ABC"
value
显示双引号中的全部内容，显示标签，标签无效。
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p id="demo">my first demo</p>
<input id="input" type="button">
</body>
<script>
document.getElementById("input").value="<b>hello</b>"
</script>
</html>
这里相当于把value="<b>hello</b>"换一种方式写出来，按钮上的内容正是"<b>hello</b>"。
参考自：https://blog.csdn.net/gabby____/article/details/82533753
查看全部 -
HTML文档可以说由节点构成的集合，三种常见的DOM节点:
1. 元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。
2. 文本节点:向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 属性节点:元素属性，如<a>标签的链接属性href="http://www.imooc.com"。
查看全部 -
什么是变量? 从字面上看，变量是可变的量；从编程角度讲，变量是用于存储某种/某些数值的存储器.
查看全部 -
浏览器解释html时是按先后顺序的
查看全部 -
<!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="改变颜色" >
<input type="button" value="改变宽高" >
<input type="button" value="隐藏内容" >
<input type="button" value="显示内容" >
<input type="button" value="取消设置" >
</form>
<script type="text/javascript">
//定义"改变颜色"的函数
var btn1=document.getElementsByTagName("input")[0];
btn1.onclick=function(){
txt.style.color="green";
txt.style.backgroundColor="#ccc";
}
//定义"改变宽高"的函数
var btn2=document.getElementsByTagName("input")[1];
btn2.onclick=function(){
txt.style.width="300px";
}
//定义"隐藏内容"的函数
var btn3=document.getElementsByTagName("input")[2];
btn3.onclick=function(){
txt.style.display="none";
}
//定义"显示内容"的函数
var btn4=document.getElementsByTagName("input")[3];
btn4.onclick=function(){
txt.style.display="block";
}
//定义"取消设置"的函数
var btn5=document.getElementsByTagName("input")[4];
btn5.onclick=function(){
var con=confirm("是否取消设置");
if(con==true){
txt.removeAttribute("style");
}else{}
}查看全部
举报