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>< ...
随机推荐
- Android开发之登录验证
最近在做一个小项目,项目开发中需要实现一个登录验证功能,具体的要求就是,在Android端输入用户名和密码,在服务器端验证MySQL数据库中是否有此用户,实现之前当然首要的是,如何使Android端的 ...
- 《BI那点儿事》Microsoft 顺序分析和聚类分析算法
Microsoft 顺序分析和聚类分析算法是由 Microsoft SQL Server Analysis Services 提供的一种顺序分析算法.您可以使用该算法来研究包含可通过下面的路径或“顺序 ...
- PHP的学习--连接MySQL的三种方式
记录一下PHP连接MySQL的三种方式. 先mock一下数据,可以执行一下sql. /*创建数据库*/ CREATE DATABASE IF NOT EXISTS `test`; /*选择数据库*/ ...
- PHP 字符串函数
字符串是字符序列,比如 "Hello world!". PHP 字符串函数 在本节中,我们将学习常用的字符串操作函数. PHP strlen() 函数 strlen() 函数返回字 ...
- CentOS 7.1 Bridge启用STP报错"Master connection not found or invalid"
今天在公司测试Linux bridge搭建,为了使内部docker容器的网络能够不经过2层封装转发对外公布,顾试用一下bridge功能,结果碰到报错:"Bringing up interfa ...
- Shine.js – 帮助你实现各种好看的阴影效果
Shine.js 是一个用于实现漂亮阴影的 JavaScript 库.您可以设置动态光的位置,可定制的阴影.不依赖于第三方库,兼容 AMD.能在支持 textShadow 或 boxShadow 的浏 ...
- 【知识积累】DES算法之C#加密&Java解密
一.前言 在项目需要添加安全模块,客户端调用服务端发布的service必须要经过验证,加密算法采用DES,客户端采用C#进行加密,服务端使用Java进行解密.废话不多说,直接上代码. 二.客户端 客户 ...
- Azure ARM (12) ARM模式下，在负载均衡器上设置多个公网IP地址
<Windows Azure Platform 系列文章目录> 最近在帮助一个客户设置WAF (Web Application Firewall),WAF厂商要求在负载均衡器上,设置多个公 ...
- 【Swift学习】Swift编程之旅---ARC（二十）
Swift使用自动引用计数(ARC)来跟踪并管理应用使用的内存.大部分情况下,这意味着在Swift语言中,内存管理"仍然工作",不需要自己去考虑内存管理的事情.当实例不再被使用时, ...
- Swift的期待
去年底苹果开源 Swift 之后,Google.Facebook和Uber三个互联网巨头就曾在伦敦召开会议讨论Swift在各自开发战略中的地位.近日业界有消息传出,谷歌有意考虑将Swift作为Andr ...