区分：

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. Win7 Eclipse Hadoop2.4插件配置

    准备工作: 1.下载hadoop2x-eclipse-plugin-master.zip Github地址:https://github.com/winghc/hadoop2x-eclipse-plu ...

  2. (NO.00003)iOS游戏简单的机器人投射游戏成形记(二十一)

    回到Xcode中,在MainScene.h接口中添加碰撞协议: @interface MainScene : CCNode <CCPhysicsCollisionDelegate> //. ...

  3. Django练习——博客系统小试

    在上一篇博客Todolist的基础上(http://blog.csdn.net/hcx25909/article/details/24251427),本周继续进行实践,这次我要搭建一个简单的博客系统. ...

  4. OJ题：字符串分隔

    题目描述 •连续输入字符串,请按长度为8拆分每个字符串后输出到新的字符串数组:•长度不是8整数倍的字符串请在后面补数字0,空字符串不处理. 输入描述: 连续输入字符串(输入2次,每个字符串长度小于10 ...

  5. Python学习笔记 - 数据类型和变量

    Python中有整数和浮点数,表示方法和C语言一样 浮点数也很像,不过Python可以用单引号把字符串括起来 字符串是以单引号'或双引号"括起来的任意文本,比如'abc',"xyz ...

  6. C++对象模型（三）：Program Transformation Semantics （程序转换语义学）

    本文是Inside The C++ Object Model Chapter 2 部分的读书笔记.是讨论编译器调用拷贝构造函数时的策略(如何优化以提高效率),侯捷称之为"程序转化的语义学&q ...

  7. python异常处理和断言

    http://blog.csdn.net/pipisorry/article/details/21841883 关于异常处理有必要么的讨论 最重要的问题是你在开发过程中隐藏了bug,如果当时你没加这个 ...

  8. Android ViewManger解析 从ViewRoot 源码分析invalidate

    转载请标明出处:http://blog.csdn.net/sk719887916/article/details/48443429,作者:skay     通过学习了AndroidUI之绘图机基础知道 ...

  9. 【算法导论】单源最短路径之Dijkstra算法

    Dijkstra算法解决了有向图上带正权值的单源最短路径问题,其运行时间要比Bellman-Ford算法低,但适用范围比Bellman-Ford算法窄. 迪杰斯特拉提出的按路径长度递增次序来产生源点到 ...

  10. 动态获取html页面的内容，并且取其中的某块元素的方法

     $.ajax({  url: "http://192.168.1.59:8888/app-tpl-webapp/tpl/design.html",  async:false, ...