区分：

JavaScript和JAVA一点关系没有，是一门单独的语言。（浏览器就是JavaScript的解释器）

JavaScript代码存在形式：

#这些代码一般都是在<head></head>里边写的

第一种是直接放在head里边

<head>

<style>CSS代码</style>

<script>JavaScript代码</script>

</head>

第二种是利用脚本引入的方式
<head>

<script src="*.js">JavaScript代码</script>

</head>

网页解释器的代码是从上向下进行，如果要把<script>的代码写到<head>上面，有可能出现地址访问不到网页一直转圈的情况，所以我们可以先让代码先执行完，再执行scipt代码。

也就是将<script>放在<body></body>里边的最后。

同理，<style>也一样

单行注释：//

多行注释：/*   */

JavaScript基础：

　　基本数据类型：

数字

字符串

列表

字典

布尔类型

条件语句

for循环（学语言一般要按照这个顺序写）

全局变量：

　　name=“alex”

局部变量：

　　var name="alex"

#声明变量一定要注意全局变量和局部变量的区别。

数字：

age=18;//表示创建了一个数字

<再写JavaScript代码的时候，可以在浏览器的终端写F12（console）>

字符串：

        a="alex";

        //取字符串

        a.charAt(1)

        //切片，取第几个到i-1的字符串

        a.substring(1,4)

        //字符串的长度

        a.length

创建一个定时器

        //setInterval("执行的操作",多少毫秒)

        setInterval("alert(123);",5000)

        或者setInterval("f1()",5000)

document.getElementById("li")

        <div id="l1">欢迎老男孩莅临指导</div>

        <script>

        document.getElementById("li");   #根据ID来判断是哪个标签

        tag=document.getElementById("li");

        tag.innerText                    #看标签里面的文本

        </script>

        #跑马灯小练习

            <script>

            function func(){

                //根据ID获取指定标签的内容

                var tag=document.getElementById("l1");

                //获取标签内部的内容

                var content = tag.innerText;

                var f = content.charAT(0);

                var l = content.substring(l,content.length);

                var new_content = l + f ;

                tag.innerText=new_content;

            }

            setInterval("func()",1000);

            </script>

            <div id="l1">欢迎老男孩莅临指导</div>

布尔类型：

        小写的false或true

数组：（列表）a=[11,22,33]

        obj.splice(起始位置，删除个数，插入什么数据)    插入，删除，或替换数字的元素

        obj.slice() 切片

        obj.join("分隔符")  在js中是列表的方法

        obj.concat(value)   拼接

字典：

        a={'k1':'v1','k2':'v2'};

for循环：

    第一种方式：循环时循环的是索引

        a=[11,22,33,44]

        for(var item in a ){

            console.log(a[item]);

        }

        #这里输出的是列表的索引

    第二种方式：

        for(var i=0;i<10;i++){

        }

        eg:

        a=[11,22,33,44]

        for(var i=0;i<a.length;i=i+1){

            console.log(a[item]);

        }

        //不支持字典的循环

条件语句：

        if(条件){}

        else if(条件){}

        else{}

        ==值相等

        ===值和类型都相等

        &&  and

        ||  or

JavaScript函数：

函数：

        function 函数名(a,b,c){

            执行代码

        }

Dom选择器：

1，如何去找到标签

Dom直接选择器：

        1，找到标签

            #获取单个元素

            document.getElementById('id')

            整个html的id不可重复

            #获取多个元素

            document.getElementByTagName("div")

            或者

            document.getElementByClassName('class')

Dom间接选择器：

        也就是说先找到一个标签，然后去找他的上级，下级，父级等标签

        tag = document.getElementById('id')

        parentElement           // 父节点标签元素

        children                // 所有子标签

        firstElementChild       // 第一个子标签元素

        lastElementChild        // 最后一个子标签元素

        nextElementtSibling     // 下一个兄弟标签元素

        previousElementSibling  // 上一个兄弟标签元素

        可以利用tag.方法来使用

2，操作标签

        标签.innerText=""           #对标签内的元素重新赋值

        标签.className=""            #改掉class的值

        标签.classList.add=""        #添加指定样式

        标签.classList.remove=""    #删除指定样式

实现一个菜单切换的小例子模型：
　　

<div onclick='func()'>点我</div>

    <script>

        function func(){

        }

    </script>

Day14 JavaScript的更多相关文章

  1. Day14 Javascript 点击添加出弹窗，取消隐藏弹窗小练习 反选，全选，取消边框

    点击添加出弹窗,取消隐藏弹窗小练习 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta ...

  2. 【目录】Python自动化运维

    目录:Python自动化运维笔记 Python自动化运维 - day2 - 数据类型 Python自动化运维 - day3 - 函数part1 Python自动化运维 - day4 - 函数Part2 ...

  3. 前端基础之JavaScript - day14

    写在前面 上课第14天,打卡: 唯心不易,坚持! 参考:http://www.cnblogs.com/yuanchenqi/articles/6893904.html 前言 一个完整的 JavaScr ...

  4. Python之路,Day14 - It's time for Django

    Python之路,Day14 - It's time for Django   本节内容 Django流程介绍 Django url Django view Django models Django ...

  5. Python学习笔记整理总结【web基础】【web/HTML/CSS/JavaScript/DOM/jQuery】

    一.HTML HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,他是一种制作万维网页面标准语言(标记).相当于定义统一的一套规则,大家都来遵守他,这样就可以 ...

  6. python开发学习-day14(jquery、ajax等)

    s12-20160421-day14 *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: ...

  7. day14(编码实战-用户登录注册)

    day14 案例:用户注册登录 要求:3层框架,使用验证码   功能分析 注册 登录   1.1 JSP页面 regist.jsp 注册表单:用户输入注册信息: 回显错误信息:当注册失败时,显示错误信 ...

  8. JavaScript之父Brendan Eich，Clojure 创建者Rich Hickey，Python创建者Van Rossum等编程大牛对程序员的职业建议

    软件开发是现时很火的职业.据美国劳动局发布的一项统计数据显示,从2014年至2024年,美国就业市场对开发人员的需求量将增长17%,而这个增长率比起所有职业的平均需求量高出了7%.很多人年轻人会选择编 ...

  9. javascript中的Array对象 —— 数组的合并、转换、迭代、排序、堆栈

    Array 是javascript中经常用到的数据类型.javascript 的数组其他语言中数组的最大的区别是其每个数组项都可以保存任何类型的数据.本文主要讨论javascript中数组的声明.转换 ...

随机推荐

  1. 【Android 系统开发】 编译 Android文件系统 u-boot 内核 并烧写到 OK-6410A 开发板上

    博客地址 : http://blog.csdn.net/shulianghan/article/details/40299813  本篇文章中用到的工具源码下载 : -- ok-6410A 附带的 A ...

  2. JAVA 继承基本类、抽象类、接口

    Java是一个面向对象的语言,java面向对象一般有三大特征:封装.继承.多态. 封装:就是把一些属性和方法封装到一个类里. 继承:就如子类继承父类的一些属性和方法. 多态:就如一个父类有多个不同特色 ...

  3. LTP语法分析

    http://blog.csdn.net/pipisorry/article/details/50306931 POS词性标注解释 词性标注(Part-of-speech Tagging, POS)是 ...

  4. 安卓手机与ROS通信遥控Gazebo中仿真机器人小车运动(ROS_indigo)

    首先,先列出需要用到的一些文件: Gazebo中机器人模型及说明: http://wiki.ros.org/grizzly_simulator https://github.com/g/grizzly ...

  5. 类装载器DexClassLoader （android内核剖析）

    在java环境中,有个概念叫做"类装载器",其作用是动态装载Class文件.标准的java SDK中有一个ClassLoader类,借助它可以装载 想要的Class文件,每个Cla ...

  6. React Native之AppRegistry模块

    我们在写react native的js的时候,在最后总会加上一段代码: AppRegistry.registerComponent('ReactDemo', () => ReactDemo); ...

  7. UIScrollView&nbsp;UIPageViewControlle…

    1.UIScorollView    是ios中提供的滑动控件,用来解决当内容区域大于scorollView可视区域时,可以通过滑动的方式查看整个内容区域,UIScorollView 的滑动控件的基类 ...

  8. 幂次法则power law

    幂次法则分布和高斯分布是两种广泛存在的数学分布.可以预测和统计相关数据. pig中用其处理数据倾斜,实现负载均衡. 个体的规模和其名次之间存在着幂次方的反比关系,R(x)=ax(-b次方) 其中,x为 ...

  9. leetcode 169 Majority Element 冰山查询

    Given an array of size n, find the majority element. The majority element is the element that appear ...

  10. iOS9关键字的简单使用

    在iOS 9 苹果推出了很多关键字, 目的其实很明确, 主要就是提高开发人员的效率, 有益于程序员之间的沟通与交流, 在开发中代码更加规范! 1. nullable 与 nonnull nullabl ...