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>< ...
随机推荐
- js实现打开本地文件或文件夹
原网址:http://blog.csdn.net/cofesun/article/details/7904887javascript有个特殊的对象ActiveXObject,通过它可以访问window ...
- poj 3321 Apple Trie
/* poj 3321 Apple Trie 这道题的关键是如何将一个树建成一个一维数组利用树状数组来解题! 可以利用dfs()来搞定,我们在对一个节点深搜后,所经过的节点的数目就是该节点的子树的数目 ...
- 《BI那点儿事》Microsoft 决策树算法
Microsoft 决策树算法是由 Microsoft SQL Server Analysis Services 提供的分类和回归算法,用于对离散和连续属性进行预测性建模.对于离散属性,该算法根据数据 ...
- 浅析SqlServer简单参数化模式下对sql语句自动参数化处理以及执行计划重用
我们知道,SqlServer执行sql语句的时候,有一步是对sql进行编译以生成执行计划, 在生成执行计划之前会去缓存中查找执行计划 如果执行计划缓存中有对应的执行计划缓存,那么SqlServer就会 ...
- Azure ARM (7) ARM Template - 使用Visual Studio编辑
<Windows Azure Platform 系列文章目录> 之前介绍的ARM Template,都是使用文本编辑器来编辑JSON文件的. 文本讲介绍如何使用Visual Studio, ...
- nodejs学习笔记三——nodejs使用富文本插件ueditor
在做自己的nodejs项目的时候遇到需要使用ueditor.原来下载的是ueditor的jsp版本.目录如下 在ueditor.config.js中有配置服务器home路径(这个home路径能找到u ...
- SQL Server代理(4/12)：配置数据库邮件
SQL Server代理是所有实时数据库的核心.代理有很多不明显的用法,因此系统的知识,对于开发人员还是DBA都是有用的.这系列文章会通俗介绍它的很多用法. 在以前的文章里我们看到,SQL Serve ...
- SQL Server时间粒度系列----第3节旬、月时间粒度详解
本文目录列表: 1.SQL Server旬时间粒度2.SQL Server月有关时间粒度 3.SQL Server函数重构 4.总结语 5.参考清单列表 SQL Server旬时间粒度 ...
- 【转载】HTTP 错误 500.19 - Internal Server Error
windows 2008下IIS7 安装ASP.NET 遇到如下错误: HTTP 错误 500.19 - Internal Server Error 无法访问请求的页面,因为该页的相关配置数据无效. ...
- WCF项目中出现常见错误的解决方法：基础连接已经关闭: 连接被意外关闭
在我们开发WCF项目的时候,常常会碰到一些莫名其妙的错误,有时候如果根据它的错误提示信息,一般很难定位到具体的问题所在,而由于WCF服务的特殊性,调试起来也不是那么方便,因此往往会花费不少时间来进行跟 ...