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时的操作
}
举个栗子：
var a = "man"; //定义一个变量a，并给他赋值为字符串"man";
if(a == "man") //如果a 的值等于"man",执行下面花括号内的代码；
{
alert("男生！"); //弹窗显示"男生!";
}
else if(a == "woman") //如果a 的值等于"woman",执行下面花括号内的代码；
{
alert("女生！"); //弹窗显示"女生!";
}
else //前面所有的if都不符合
{
alert("人妖！"); //弹窗显示"人妖！";
}
Q5：什么是函数？
A5：函数是完成某个特定功能的代码块;
解释：我们把完成特定功能的代码放到一个代码块里，给它起个名字，以后用到就直接通过名字来调用；
定义函数：
function 函数名()
{
//函数代码；
}
举个栗子：
function add()
{
//这个函数的作用是将两个数相加,并弹窗显示
var a = 1;
var b = 2;
var sum = a + b;
alert(sum);
}
Q6:JS中常见的内置方法有哪些？
A6：
1.document.write("显示在页面上的文字"); //直接向HTML输出流写内容，即直接显示在页面上
2.alert("弹窗显示的文字"); // 警告对话框(消息对话框)
3.conform(); // 确认对话框(有返回值和参数，详见例子)
4.prompt(); // 提问对话框(有返回值和参数，详见例子)
5.window.open(); // 打开新窗口(多个可选参数)
6.window.close(); // 关闭当前窗口（如果想关闭指定窗口则先获取指定窗口对象obj，再使用此方法关闭，obj.close();）
举个栗子：
<script type="text/javascript">
var result = confirm("你是男生吗？"); //点击确认按钮返回true，
if(result == true)
{
alert("你是男生");
}
else
{
alert("你是女生");
}
</script>
<script type="javascript">
function tiwen()
{
var obj = prompt("你叫什么名字？","小华"); //obj为输入框中输入的值，默认为第二个参数值:"小华"
alert(obj); //警告弹框显示结果
}
</script>
<script type="javascript">
function openwindow(){
var obj = window.open("http://www.baidu.com","_blank","width=600px,height=300px,top=500px,left=500px");
}
</script>
<script type="javascript">
function clozen() {
var obj = var obj = window.open("http://www.baidu.com","_blank","width=600px,height=300px,top=500px,left=500px");
obj.close(); //关闭指定对象 window.close(); //关闭当前窗口
}
</script>
Q7：常用的获取DOM节点的方法：
A7：
1. var a = document.getElementById("id的值"); //通过标签的id属性获取该节点
2. var b = document.getElementsByName("name的值"); //通过标签的name属性获取节点
3. var c = document.getElelentsByTagName("标签名称"); //通过标签名称获取节点
举个栗子：
function getNode(){
var a = document.getElementById("add");
var b = document.getElementsByName("confirm");
var c = document.getElementsByTagName("input");
alert(a);
alert(b);
alert(c);
}
Q8：如何操纵DOM节点来改变HTML的内容和样式？
A8：
1.通过节点的innerHTML属性来获取和改变标签内的文本：
举个栗子：
function changeDOM()
{
var divdom = document.getElementById("title1");
var text = divdom.innerHTML;
alert(text);
divdom.innerHTML = "变成标题二";
alert(divdom.innerHTML);
}
2.通过节点的style属性改变样式：
举个栗子：
<p id="pcon">Hello World!</p>
<script>
var mychar = document.getElementById("pcon");
mychar.style.color="red"; //颜色设为红色
mychar.style.fontSize="20"; //字体大小设为20；
mychar.style.backgroundColor ="blue"; //背景颜色设为蓝色
mychar.style.display="none"; //隐藏标签块
mychar.style.display="block"; //显示标签块
</script>
3.通过给节点的class赋值来增加节点的样式：
举个栗子：
<style type="text/css">
.style1{
color:red;
font-size:20;
backgroundColor:blue;
}
</style>
<p id="pcon">Hello World!</p>
<script>
var mychar = document.getElementById("pcon");
mychar.className = "style1";
</script>
JavaScript入门篇QA总结的更多相关文章
- JavaScript入门篇 编程练习
编程挑战 一.定义"改变颜色"的函数 提示: obj.style.color obj.style.backgroundColor 二.定义"改变宽高"的函数 提 ...
- 慕课网JavaScript入门篇课程笔记
1.js注释很重要 单行注释,在注释内容前加符号 “//”. <script type="text/javascript"> document.write(" ...
- 开心菜鸟系列－－－－函数作用域（javascript入门篇）
1 <!DOCTYPE html> 2 <html> 3 <script src="./jquery-1.7.2.js"></ ...
- 开心菜鸟系列－－－－变量的解读（javascript入门篇）
console.info( console.info(window['weiwu']) console.info(window. ...
- JavaScript入门篇
记录一下在慕课网学习JavaScript的过程. 以下内容均来自慕课网. 传送:https://www.imooc.com/code/401 为什么学习JavaScript 1. 所有主流浏览器都支持 ...
- JavaScript进阶篇QA总结
Q1:常用的运算符有哪些?他们的优先级是怎样的?A1:1.算术运算符:加(+).减(-).乘(×).除(÷),自加一(++),自减一(--):2.比较运算符:大于(>).小于(<).大于等 ...
- JavaScript入门篇 第三天（认识DOM）
认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 先来看看下面代码 ...
- JavaScript入门篇 第二天（消息对话框+网页弹出）
提问(prompt 消息对话框) prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息.弹出消息对话框(包含一个确定按钮.取消按钮与一个文本输入框). 语法: prompt(str1, s ...
- JavaScript入门篇 第一天
使用<script>标签在HTML网页中插入JavaScript代码.注意, <script>标签要成对出现,并把JavaScript代码写在<script>< ...
随机推荐
- 汇编程序的Hello world
原文链接:http://www.orlion.ga/989/ 一.汇编程序的Hello world x86 AT&T: .data msg: .ascii "Hell ...
- hibernate（七）组件映射与多对一映射
一.组件映射 用注解配置组件映射: Husband为我们映射的类,wife是这个类的一部分(属性不能与husband中属性重名,不要写Entity注解,不要有主键) Husband类:(在getWif ...
- 2014牡丹江网络zoj3816Generalized Palindromic Number（dfs或者bfs）
#include <iostream> #include <stdio.h> #include <cmath> #include <algorithm> ...
- java中对象多态时成员变量，普通成员函数及静态成员函数的调用情况
/* 样例1: class Parent{ int num = 3; } class Child extends Parent{ int num = 4; } */ /* 样例2: class Par ...
- java中Comparable实现对象的比较
/* class A implements Comaprable<A>{ } 那么 A x = new A(); 类关系图 Object o = A; Object Comparable ...
- php易混淆知识点
一.define(“constant”, “hello world”);和const constant = “hello world”;的区别? (0).使用const使得代码简单易读,const本 ...
- Sparse Filtering 学习笔记（二）好特征的刻画
Sparse Filtering 是一个用于提取特征的无监督学习算法,与通常特征学习算法试图建模训练数据的分布的做法不同,Sparse Filtering 直接对训练数据的特征分布进行分析,在所谓 ...
- 决战JS
经过这几日的学习,测试和摸索,算是了解了一些关于javascript 的相关知识吧.学习过程中做出了一些小DEMO,现总结一下实现这些DEMO的基本思路,如有不妥或更为简便的方法,还希望大神拍砖,共同 ...
- Java编程思想——初始化与清理
PS:最近一直忙于项目开发..所以一直没有写博客..趁着空闲期间来一发.. 学习内容: 1.初始化 2.清理 1.初始化 虽然自己的Java基础还是比较良好的..但是在解读编程思想的时候还是发现了 ...
- Azure ARM (5) ARM Template初探 - 本地JSON Template文件(1)
<Windows Azure Platform 系列文章目录> Azure ARM (1) 概览 Azure ARM (2) 概览 Azure ARM (3) ...