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总结的更多相关文章

  1. JavaScript入门篇 编程练习

    编程挑战 一.定义"改变颜色"的函数 提示: obj.style.color obj.style.backgroundColor 二.定义"改变宽高"的函数 提 ...

  2. 慕课网JavaScript入门篇课程笔记

    1.js注释很重要 单行注释,在注释内容前加符号 “//”. <script type="text/javascript"> document.write(" ...

  3. 开心菜鸟系列－－－－函数作用域（javascript入门篇）

      1 <!DOCTYPE html>   2 <html>   3 <script src="./jquery-1.7.2.js"></ ...

  4. 开心菜鸟系列－－－－变量的解读（javascript入门篇）

                       console.info(         console.info(window['weiwu'])          console.info(window. ...

  5. JavaScript入门篇

    记录一下在慕课网学习JavaScript的过程. 以下内容均来自慕课网. 传送:https://www.imooc.com/code/401 为什么学习JavaScript 1. 所有主流浏览器都支持 ...

  6. JavaScript进阶篇QA总结

    Q1:常用的运算符有哪些?他们的优先级是怎样的?A1:1.算术运算符:加(+).减(-).乘(×).除(÷),自加一(++),自减一(--):2.比较运算符:大于(>).小于(<).大于等 ...

  7. JavaScript入门篇 第三天（认识DOM）

    认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 先来看看下面代码 ...

  8. JavaScript入门篇 第二天（消息对话框+网页弹出）

    提问(prompt 消息对话框) prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息.弹出消息对话框(包含一个确定按钮.取消按钮与一个文本输入框). 语法: prompt(str1, s ...

  9. JavaScript入门篇 第一天

    使用<script>标签在HTML网页中插入JavaScript代码.注意, <script>标签要成对出现,并把JavaScript代码写在<script>< ...

随机推荐

  1. CSS颜色模式转换器的实现

    前面的话 在CSS中,颜色的表示方式主要包括关键字.16进制.RGB模式.RGBA模式.HSL模式.HSLA模式.关于颜色模式的详细信息移步至此.本文就16进制.RGB模式及HSL模式的互相转换进行实 ...

  2. java中如何生成可执行的jar文件

    java中如何生成可执行的jar文件 最简单的方法就是: jar -cfe Card.jar CardLayoutDemo CardLayoutDemo$1.class CardLayoutDemo$ ...

  3. spring源码分析之spring注解@Aspect是如何工作的？

    1.@Aspect 在xml定义:<aop:aspectj-autoproxy />,其定义在http://www.springframework.org/schema/aop/sprin ...

  4. 记一次上传文件到七牛云存储的经历（Plupload & UEditor）（.net）

    七牛 配置ACCESS_KEY和SECRET_KEY Qiniu.Conf.Config.ACCESS_KEY = "ACCESS_KEY"; Qiniu.Conf.Config. ...

  5. Tools - Git与GitHub

    Git Wiki - Git 开源的分布式版本控制系统,用于敏捷高效地管理项目版本. Git - HomePage Git - CHEAT SHEET git_cheat_sheet.pdf GitH ...

  6. RobotFramework - Tips

    1 --- API的使用 Robot Framework的版本发展是向下包容,建议尽量使用robot本身的API. 例如:通过导入logger.py(...\Lib\site-packages\rob ...

  7. Foundation 6 – 先进的响应式的前端开发框架

    Foundation 6 让您的项目从原型到成平比以往任何时候都更有效!它包括了广泛的模块和灵活的组件.这些多功能就像轻便的积木,可以很容易地把你的想法实现.所有的代码片段支持ARIA属性和作用以及如 ...

  8. weback学习笔记

    weback可以把各种资源,例如JS(含JSX).coffee.样式(含less/sass).图片等都作为模块来使用和处理.同时支持amd cmd CommonJS语法.同时可以和gulp一块使用. ...

  9. 也说说TIME_WAIT状态

    也说说TIME_WAIT状态 一个朋友问到,自己用go写了一个简单的HTTP服务端程序,为什么压测的时候服务端会出现一段时间的TIME_WAIT超高的情况,导致压测的效果不好呢? 记得老王有两篇文章专 ...

  10. 安装elasticsearch及中文IK和近义词配置

    安装elasticsearch及中文IK和近义词配置 安装java环境 java环境是elasticsearch安装必须的 yum install java-1.8.0-openjdk 安装elast ...