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>< ...
随机推荐
- javascript中关于日期和时间的基础知识
× 目录 [1]标准时间 [2]字符串 [3]闰年[4]月日[5]星期[6]时分秒 前面的话 在介绍Date对象之前,首先要先了解关于日期和时间的一些知识.比如,闰年.UTC等等.深入了解这些,有助于 ...
- 安装android studio报错Failed to install Intel HAXM.
在安装android studio的过程中,安装到android的模拟器加速器(intel HAXM)这一步时,报错: HAXM是用来管理硬件加速的,估计是用了这个东西模拟器就能告别Eclipse的龟 ...
- 补充$.extend()
这里多谢某童鞋的提醒!说我的上篇随笔jquery插件开发的方式一还还可用于合并参数和深clone,虽然方式二中用了方式一做参数合并,但并未详细介绍,所以今天在此处做点补充! 一.合并参数 jquery ...
- APP账号密码传输安全分析
最近在搞公司的安卓APP测试(ThinkDrive 企邮云网盘)测试,安卓app测试时使用代理抓包,发现所此app使用HTTP传输账号密码,且密码只是普通MD5加密,存在安全隐患,无法 ...
- 解决AndroidADT自带Eclipse编辑器不能自动代码提示的问题。
今天发现,我下载的AndroidADT开发套装中自带的Eclipse没有自动代码提示功能.通过参考http://blog.csdn.net/coolszy/article/details/724195 ...
- LeetCode - 50. Pow(x, n)
50. Pow(x, n) Problem's Link ----------------------------------------------------------------------- ...
- 【VBS】vbs指定编码保存文本文件（含xml、ini什么的）
本文还是折腾安装包期间衍生出来的产物. 我那安装包在安装期间有这个动作: - 让用户填写一些信息,待安装完成后把这些信息写入软件安装目录中的指定ini.xml文件中 上文说的是如何用vbs写ini,i ...
- SQL Server2000导出数据时包含主键、字段默认值、描述等信息
时经常用SQL Server2000自带的导出数据向导将数据从一台数据库服务器导出到另一台数据库服务器: 结果数据导出了,但表的主键.字段默认值.描述等信息却未能导出,一直没想出什么方法,今天又尝试了 ...
- JavaBean 的小知识点
/** * @author http://roucheng.cnblogs.com * @version 2016-05-08 */ public class Person { private Str ...
- membership 启用 roleManager 抛出异常：未能加载文件或程序集MySql.Web
在vs2013中新建一个ASP.NET MVC 4 WEB 应用程序,使用“基本”模板.web.config中默认使用forms认证方式,并添加了membership的配置. <roleMana ...