JS(JavaScript)的初了解7(更新中···)

1.逻辑运算  ||   && !

  1||2   5&&4  !0

  ||

  遇到第一个为true的数字就终止并返回

  &&

  遇到第一个为false的值 就终止 返回false的值,如果没有false就返回最后那个数

  ||和&&在一起

  &&的优先级比较高 高于||

  

  

2.作用域的问题

  1.Js代码如何执行

  2.js环境

  3.栈  堆

  Js代码在客户端执行前,浏览器会给这个js一个全局环境,这个环境分两个部分,

  一个是内存模块,一个是执行模块,内存模块找到当前环境下的所有带var和function的关键字,var进行变量声明,function 进行声明和定义。

  执行模块逐行向下执行(会出现语句和代码块),如果是函数执行。

  函数执行:会开辟一个类似于window的私有作用域,在这个私有作用域里又分两个模块,内存模块和执行模块。内存模块找出当前环境下的所有带var和function的关键字,还需要注意函数的形参,因为他也是一个私有变量,带var的进行变量声明为私有变量

  Function 声明和定义都完成了,然后是执行模块逐行执行。

  案例

  

  图形分析

  

  DOM对象 dom的全称  document object model

  Dom 主要研究html中的节点(标签)对节点进行操作,改变标签,改变标签属性,改变css样式,添加事件等。Dom研究是的对象是document

  操作流程

  1.选择你要操作的节点

  document.getElementById(“idname”)  通过id名获取元素

  document.getElementsByTagName(“div”) 标签获取

  获取整个网页中所有的div构成的一个数组集合

  Document.getElementsByClassName(“name”)  通过class

  获取整个网页中class叫name的数组聚合

  

  2输出

  1) document.Write()在整个文档输出

  2) 指定的元素中输出 element.innerHTML=

    innerHTML指的是元素中的内容

指定的元素中输出Element.innerText=

  二者区别

    innerHTML中可以嵌套标签

    innerText 中只能是文本

    

原文地址:https://www.cnblogs.com/zff123/p/9878748.html

时间: 2024-11-08 16:07:43

JS(JavaScript)的初了解7(更新中···)的相关文章

JS初级学习笔记(后续 更新中)

为了需要,近期开始学习JS相关知识,主要的方式是通过看视频以及查阅相关手册,并动手实践,以下是相关代码. <!DOCTYPE html> <html> <head> <title>设置一个元素是否可见</title> <meta charset="utf-8"> </head> <style type="text/css"> .tips{width:370px;backg

JavaScriptの你问我答( 更新中......)

一些js的问题与解析 1) ["1","2","3"].map(parseInt);的运行结果是? A.["1","2","3"] B.[1,2,3] C.[0,1,2] D.其他 分析: D map对数组的每个元素调用定义的回调函数并返回包含结果的数组.["1","2","3"].map(parseInt)对于数组中每个元素调

JS基础知识再整理..........不断更新中

1.JS的五种基本数据类型:字符串.数值.布尔.null.underfined. 2.在JS中,字符串.数值.布尔三种数据类型,有其属性和方法: 3.字符串的三种常用方法[.indexof()..substring()..split()]和一种常用属性[.length]; 例子如下: /*提取字符串中列表的每一项*/ var aa="This is a list:red,blue,white,black."; var start=aa.indexOf(":"); /

常用JS、jquery 命令(不断更新中)

设置用户粘贴板中的文本信息:window.clipboardData.setData('Text', location.href); 获取用户粘贴板中的文本信息: window.clipboardData.getData('Text'); 清空用户粘贴板中的文本信息: window.clipboardData.clearData('Text'); 禁止复制:在元素中添加oncopy事件,并return false即可: 禁止粘贴:在元素中添加onpaste事件中,return false即可:

js坑爹笔试题目汇总(持续更新中)

把你的面试官问倒,你就是一个合格的面试者了,下面总结一些易错的js笔试题目,会持续更新中,欢迎关注 1,考察this var length = 10 function fn(){ alert(this.length) } var obj = { length: 5, method: function(fn) { fn() // ? arguments[0]() // ? } } obj.method(fn) 这里的坑主要是arguments,我们知道取对象属于除了点操作符还可以用中括号,这里fn

我觉得有意思的JavaScript题目(01-05更新中)

对于以下js题目均来至于网络中.有的来至于文章之中,有的也许来至于问答题型中. 如果你有更好的问题解释,请留言交流! 1.相关问题描述:到底该怎么去理解闭包? 代码片段A: !function(){ var num=1; var exp={}; functionadd(num){ return num++; } exp.getAddNum=function(){ return add(num); } window.a=exp; }() console.log(a.getAddNum()); //

【前端】Util.js-ES6实现的常用100多个javaScript简短函数封装合集(持续更新中)

Util.js (持续更新中...) 项目地址: https://github.com/dragonir/Util.js 项目描述 Util.js 是对常用函数的封装,方便在实际项目中使用,主要内容包含:数组类.浏览器类.日期类.函数类.数学类.媒体类.节点类.对象类.字符串类.类型检测类.正则表达式类等内容. 使用方法 1. 引入Bable transpiler以保证支持ES6 <script type="javascript/text" src="./browser

JS基础知识回顾:在HTML中使用JavaScript

想HTML页面中插入JavaScript的主要方法就是使用<script>元素. HTML4.01当中为<script>元素定义了下列6个属性: language(已废弃):原来用于表示编写代码使用的脚本语言,如JavaScript.JavaScript1.2.VBScript等,由于大多数浏览器会忽略此属性,因此就没有必要再用了: type(可选):可以看成是language的替代属性,表示编写代码使用的脚本语言的内容类型,也被称作MIME类型,在未指定此属性的情况下会被默认为t

Angular js开发的各种坑(持续更新中。。。)

Angular UI的Modal 在按照官方文档写的时候会报如下错误 var ModalDemoCtrl = function ($scope, $modal, $log) {   $scope.items = ['item1', 'item2', 'item3'];   $scope.open = function (size) {    var modalInstance = $modal.open({       templateUrl: 'myModalContent.html',   

Android开发面试经——4.常见Android进阶笔试题(更新中...)

Android开发(29)  版权声明:本文为寻梦-finddreams原创文章,请关注:http://blog.csdn.net/finddreams 关注finddreams博客:http://blog.csdn.net/finddreams/article/details/44301359 上一篇文章我们已经了解了Android笔试的一些基础题目, [<Android开发面试经——2.常见Android基础笔试题> ] (http://blog.csdn.net/finddreams/a