JavaScript入门篇QA总结

Q1:JS可以放在哪个位置?
A1:
1.放在<head>标签中,用<script type="text/javascript"></script>来标志这是一段JS代码;
2.放在外部文件中,文件后缀名为.js,用<script src="xx.js" />将外部文件引进HTML;
3.写在HTML的<body>标签中,通过<script type="text/javascript"></script>来标志这是一段JS代码;

Q2:JS注释怎么写?
A2:JS的注释与Java注释相同,"//"是单行注释,"/* */"是多行注释;

Q3:什么是变量?
A3:变量就是用来存储数值的容器;
    JS中定义变量的方法:var a; //定义一个变量a,类型为var(注意:JS中所有变量类型都为var)
    给变量赋值:a = 1;
    也可以对变量同时定义和赋值:var a = 1;
    
Q4:JS中的分支判断语句怎么用?
A1:分支判断语句:
if(exp1)
{
    //满足exp1时的操作
}
else
{
    //不满足exp1时的操作
}

举个栗子:

 1 var a = "man"; //定义一个变量a,并给他赋值为字符串"man";
 2 if(a == "man") //如果a 的值等于"man",执行下面花括号内的代码;
 3 {
 4     alert("男生!");  //弹窗显示"男生!";
 5 }
 6 else if(a == "woman") //如果a 的值等于"woman",执行下面花括号内的代码;
 7 {
 8     alert("女生!");  //弹窗显示"女生!";
 9 }
10 else                  //前面所有的if都不符合
11 {
12     alert("人妖!");  //弹窗显示"人妖!";
13 }

Q5:什么是函数?
A5:函数是完成某个特定功能的代码块;
解释:我们把完成特定功能的代码放到一个代码块里,给它起个名字,以后用到就直接通过名字来调用;
定义函数:
function 函数名()
{
    //函数代码;
}
举个栗子:

1 function add()
2 {
3     //这个函数的作用是将两个数相加,并弹窗显示
4     var a = 1;
5     var b = 2;
6     var sum = a + b;
7     alert(sum);
8 }

Q6:JS中常见的内置方法有哪些?
A6:
1.document.write("显示在页面上的文字"); //直接向HTML输出流写内容,即直接显示在页面上
2.alert("弹窗显示的文字");  // 警告对话框(消息对话框)
3.conform();                // 确认对话框(有返回值和参数,详见例子)
4.prompt();                 // 提问对话框(有返回值和参数,详见例子)
5.window.open();            // 打开新窗口(多个可选参数)
6.window.close();           // 关闭当前窗口(如果想关闭指定窗口则先获取指定窗口对象obj,再使用此方法关闭,obj.close();)

举个栗子:

 1 <script type="text/javascript">
 2     var result = confirm("你是男生吗?");  //点击确认按钮返回true,
 3     if(result == true)
 4     {
 5         alert("你是男生");
 6     }
 7     else
 8     {
 9         alert("你是女生");
10     }
11 </script>
1 <script type="javascript">
2     function tiwen()
3     {
4             var obj = prompt("你叫什么名字?","小华");  //obj为输入框中输入的值,默认为第二个参数值:"小华"
5             alert(obj);    //警告弹框显示结果
6     }
7 </script>
1 <script type="javascript">
2      function openwindow(){
3             var obj = window.open("http://www.baidu.com","_blank","width=600px,height=300px,top=500px,left=500px");
4         }
5 </script>
1 <script type="javascript">
2         function  clozen() {
3             var obj = var obj = window.open("http://www.baidu.com","_blank","width=600px,height=300px,top=500px,left=500px");
4             obj.close();   //关闭指定对象
5
6             window.close(); //关闭当前窗口
7         }
8 </script>

Q7:常用的获取DOM节点的方法:
A7:
1. var a = document.getElementById("id的值"); //通过标签的id属性获取该节点
2. var b = document.getElementsByName("name的值"); //通过标签的name属性获取节点
3. var c = document.getElelentsByTagName("标签名称"); //通过标签名称获取节点

举个栗子:

1 function getNode(){
2             var a = document.getElementById("add");
3             var b = document.getElementsByName("confirm");
4             var c = document.getElementsByTagName("input");
5             alert(a);
6             alert(b);
7             alert(c);
8         }

Q8:如何操纵DOM节点来改变HTML的内容和样式?
A8:
1.通过节点的innerHTML属性来获取和改变标签内的文本:
举个栗子:

1 function changeDOM()
2 {
3             var divdom = document.getElementById("title1");
4             var text = divdom.innerHTML;
5             alert(text);
6             divdom.innerHTML = "变成标题二";
7             alert(divdom.innerHTML);
8 }

2.通过节点的style属性改变样式:
举个栗子:

1 <p id="pcon">Hello World!</p>
2 <script>
3    var mychar = document.getElementById("pcon");
4    mychar.style.color="red";     //颜色设为红色
5    mychar.style.fontSize="20";   //字体大小设为20;
6    mychar.style.backgroundColor ="blue"; //背景颜色设为蓝色
7    mychar.style.display="none"; //隐藏标签块
8    mychar.style.display="block"; //显示标签块
9 </script>

3.通过给节点的class赋值来增加节点的样式:
举个栗子:

 1 <style type="text/css">
 2     .style1{
 3         color:red;
 4         font-size:20;
 5         backgroundColor:blue;
 6     }
 7 </style>
 8 <p id="pcon">Hello World!</p>
 9 <script>
10    var mychar = document.getElementById("pcon");
11    mychar.className = "style1";
12 </script>
时间: 2024-08-11 01:35:15

JavaScript入门篇QA总结的相关文章

JavaScript 入门篇01- 标签位置

在网页中,我们可以将JavaScript代码放在html文件中任何位置,但一般放在head或body标签里面. 一般来说,<script>元素放在哪里与其的功能作用是紧密相关的,在这里讨论2种情况: 1.放在<head>里 将<script>元素放在head中是为了让浏览器在一开始就读取,<script>元素会在整个网页最开始解析时就加载执行,其优先次序仅次于<title>元素. 然后依次向下解析渲染. 应用:比如进行页面显示初始化的js必须放在

JavaScript入门篇之文档对象模型

前言: 文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展置标语言的标准编程接口.它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容.结构和www文档的风格(目前,HTMl和XML文档是通过说明部分定义的). 文档对象模型提供了一种访问和修改HTML文档内容的方法.DOM是万维网联盟(W3C)定义的一种标准.大部分的互联网浏览器以各种形式实现了DOM并且获得了不同程度的成功.和其他标准,特别是那些与web编程

JavaScript入门篇

一.你知道,为什么JavaScript非常值得我们学习吗? 1. 所有主流浏览器都支持JavaScript. 2. 目前,全世界大部分网页都使用JavaScript. 3. 它可以让网页呈现各种动态效果. 4. 做为一个Web开发师,如果你想提供漂亮的网页.令用户满意的上网体验,JavaScript是必不可少的工具. 二.易学性 1.学习环境无外不在,只要有文本编辑器,就能编写JavaScript程序. 2.我们可以用简单命令,完成一些基本操作. 三.从哪开始学习呢? 学习JavaScript的

JavaScript入门篇 第二天

提问(prompt 消息对话框) prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息.弹出消息对话框(包含一个确定按钮.取消按钮与一个文本输入框). 语法: prompt(str1, str2); 参数说明: str1: 要显示在消息对话框中的文本,不可修改 str2:文本框中的内容,可以修改 返回值: 1. 点击确定按钮,文本框中的内容将作为函数返回值 2. 点击取消按钮,将返回null 看看下面代码: var myname=prompt("请输入你的姓名:"); if

JavaScript入门篇 - 常用互动方法

为什么学习JavaScript 一.你知道,为什么JavaScript非常值得我们学习吗? 1. 所有主流浏览器都支持JavaScript. 2. 目前,全世界大部分网页都使用JavaScript. 3. 它可以让网页呈现各种动态效果. 二.易学性 1.学习环境无外不在,只要有文本编辑器,就能编写JavaScript程序. 2.我们可以用简单命令,完成一些基本操作. 三.从哪开始学习呢? 学习JavaScript的起点就是处理网页,所以我们先学习基础语法和如何使用DOM进行简单操作. 如何插入J

JavaScript入门篇 第一天

使用<script>标签在HTML网页中插入JavaScript代码.注意, <script>标签要成对出现,并把JavaScript代码写在<script></script>之间.<script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言. #JS——引

JavaScript入门篇之浏览器对象模型

前言: 真正的JavaScript是由三部分组成,ECMAScript.DOM.BOM,如下图所示.本文将主要介绍其中的浏览器对象模型. BOM(Browser Object Mode) 是指浏览器对象模型,是用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的.可以与浏览器窗口进行互动的对象结构.BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象. 一.window对象 BOM可以用来访问和操作浏览器窗口的浏览器,开发

JavaScript入门篇之新生代JSON遇XML

信息化到处被提及的特点,就是拥有大量的数据交互的格式.前阵子学习了XML的结构化数据,在学习javascript的时候又接触到了JSON,都作为数据的存储格式,二者之间有什么区别和联系呢,查了很多的资料,小编在这里就相当于写个总结了. 十年前,XML是主要的数据交换格式.它的出现,尤如一股清新的空气,以及令人惊喜的SGML(标准通用标记语言),是一个巨大的进步.它使人们能够做到以前想都不敢想的事情,本质上讲,XML就是一个文本文件,在解析上,在普通的web应用领域,开发者经常为XML的解析伤脑筋

《JavaScript入门篇》摘要

0.课程链接 http://www.imooc.com/learn/36 1.在HTML中加入JS的方法 1 <script type="text/javascript"> 2 document.write("hello"); 3 document.getElementById("p1").style.color="blue" 4 </script> <script type="text