1，变量：

name="alex"  #默认是全局变量

　　var name="eric" #局部变量

2. 写JS代码：---html中写，---临时文件可以写在浏览器的终端，检查--> console

3. 基本数据类型：数字，字符串，列表，字典，布尔类型。

条件语句：

for 循环：

4. 字符串转成数字类型：parse--从语法上分析的意思

age="18"

i=parseInt(age) #转成整数

j=parseFloat(age)  #转成小数

5. 变量的属性

a="alex"

a.CharAt(n): 返回字符串中的第n个字符。

a.substring(1,3) : 返回字符串中的第1,2个字符。顾头不顾尾。

a.length: 获取当前字符串的长度。

6. 定时器：

setInterval ("alert(123);", 5000) : 第一个参数表示执行什么，第二个参数表示间隔多长时间。5000的单位是毫秒。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <script>

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

    </script>

</body>

</html>

运行结果：每5s会出现一次如下的弹窗。

7. 函数的定义用function, 函数名+括号表示执行这个函数。

　　function f1(){     }

　　console.log()   表示在浏览器的console 窗口打印东西。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <script>

        function f1(){

            console.log(1)

        }

        setInterval("f1();",2000)

    </script>

</body>

</html>

运行结果：

8. 关于字符的一些基础知识：从下面的错误可以看出，程序是严格区分大小写的。程序是严格区分大小写的。程序是严格区分大小写的。重要的事情说三遍。

　　function func() {

　　// 根据ID获取指定标签的内容，赋值给一个局部变量。

　　var tag=document.getElementById('id');

　　//获取标签内部的内容

　　var content=tag.innerText;

　　var f=content.charAt(0)

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

　　var new_content=new_content;

　　tag.innerText=new_content;

　　}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <div id="i1">欢迎老板</div>

    <script></script>

</body>

</html>

然后在console中执行。

document.getElementById('i1')

<div id=​"i1">​欢迎老板​</div>​

tag=document.getElementById('i1')

<div id=​"i1">​欢迎老板​</div>​

tag.innerText

"欢迎老板"

content=tag.innerText

"欢迎老板"

content

"欢迎老板"

f=content.charat(0)

VM200:1 Uncaught TypeError: content.charat is not a function

    at <anonymous>:1:11

(anonymous) @ VM200:1

f=content.charAt(0)

"欢"

l=content.substring(1,content.length)

"迎老板"

new_content=l+f

"迎老板欢"

tag.innerText=new_content

"迎老板欢"

9. 最终的代码：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <div id="i1">欢迎上级领导莅临检查指导</div>

    <script>

        function func(){

        var tag=document.getElementById('i1');

        var content=tag.innerText;

        var f=content.charAt(0)

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

        var new_content=l+f;

        tag.innerText=new_content;

        }

    setInterval('func()',500)

    </script>

</body>

</html>

运行结果：一行字转起来了。前面的字符不停地加到后面字符的后面。

Javascript-基础1的更多相关文章

  1. JavaScript基础

    JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...

  2. 一步步学习javascript基础篇（0）:开篇索引

    索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...

  3. 前端之JavaScript基础

    前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...

  4. 一步步学习javascript基础篇（3）：Object、Function等引用类型

    我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...

  5. Javascript基础回顾 之(三) 面向对象

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  6. Javascript基础回顾 之(二) 作用域

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  7. Javascript基础回顾 之(一) 类型

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  8. JavaScript 基础回顾——对象

    JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...

  9. javascript基础01

    javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...

  10. javascript基础02

    javascript基础02 1.数据类型 数据类型的描述在上篇的扩展中有写到链接 由于ECMAScript数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...

随机推荐

  1. 北京Uber优步司机奖励政策（3月23日）

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...

  2. 北京Uber优步司机奖励政策（2月27日）

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...

  3. 深圳Uber司机本周（7.13-7.19凌晨4：00）的奖励政策

    本周(7.13-7.19凌晨4:00)的奖励政策为: 佣金返还: 车费的20%适用于所有产品(不包括Tesla)无获取条件 翻倍补贴: 每周一到周四07:00-10:00/17:00-22:00:车费 ...

  4. spring源码-开篇

    一.写博客也有一段时间了,感觉东西越来越多了,但是自己掌握的东西越来越少了,很多时候自己也在想.学那么多东西,到头来知道的东西越来越少了.是不是很奇怪,其实一点都不奇怪. 我最近发现了一个很大的问题, ...

  5. 微信小程序学习笔记（四）

    云函数条件查询 exports.main = async (event, context) => { try { return await db.collection('sweething'). ...

  6. 腾讯WeTest开启“测试扶持计划”赠送重磅福利（含MTSC/TiD门票）

    WeTest导语 伴随着互联网行业的发展,与各行各业的连接更加紧密,竞争也变得越发激烈,用户对于产品的体验开始变得更加“挑剔”.然而目前互联网产品却始终受到各类质量问题的困扰.以兼容问题为例,应用平台 ...

  7. Python3.5+selenium(11)脚本模块化&参数化

    mail126.py脚本如下 from selenium import webdriver from time import sleep from model1 import Login driver ...

  8. keepalived+nginx实现高可用+tomcat

    1.keepalived的yum安装 安装依赖包[root@localhost ~]# yum install -y curl gcc openssl-devel libnl3-devel net-s ...

  9. Android Test和Logcat

    一 测试相关概念 是否有源码 黑盒测试: 测试工具 白盒测试: 对所有的源码特别熟悉 对特定的代码进行测试 都是编程 时间 单元测试(程序员) 模块测试 集成测试 系统测试 回归测试(改bug) 压力 ...

  10. 人艰不拆之破解低版本IE不兼容mediaQuery

    先放个链接 大家预览下 http://scottjehl.github.io/Respond/test/test.html 值得注意的是 将页面源代码下载到本地时,直接用IE打开是没有效果的.需要把静 ...