Javascript-基础1
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的更多相关文章
- JavaScript基础
JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...
- 一步步学习javascript基础篇(0):开篇索引
索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...
- 前端之JavaScript基础
前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...
- 一步步学习javascript基础篇(3):Object、Function等引用类型
我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...
- Javascript基础回顾 之(三) 面向对象
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- Javascript基础回顾 之(二) 作用域
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- Javascript基础回顾 之(一) 类型
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- JavaScript 基础回顾——对象
JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...
- javascript基础01
javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...
- javascript基础02
javascript基础02 1.数据类型 数据类型的描述在上篇的扩展中有写到链接 由于ECMAScript数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...
随机推荐
- HDU 2242 考研路茫茫——空调教室
考研路茫茫——空调教室 http://acm.hdu.edu.cn/showproblem.php?pid=2242 分析: 树形dp,删边. 代码: #include<cstdio> # ...
- VINS(一)简介与代码结构
VINS-Mono和VINS-Mobile是香港科技大学沈劭劼团队开源的单目视觉惯导SLAM方案.是基于优化和滑动窗口的VIO,使用IMU预积分构建紧耦合框架.并且具备自动初始化,在线外参标定,重定位 ...
- apache+php开发环境搭建步骤
apache 卸载apache服务命令:sc delete apache 1.在D盘下面新建文件夹php7 2.解压apache到php7文件夹下面 3.修改配置文件 4.安装apache服务C:\w ...
- appium -- 页面出现弹窗,关闭后,无法识别页面元素
1. 问题:如图所示:在修改手势密码的过程中,点击了返回按钮后,弹出该弹窗:点击继续设置后,就发现 driver.getPageSource()获取不到页面元素.在找了一圈无用的资料后,没有什么好的处 ...
- Ubuntu安装netdata监控平台
介绍 Netdata通过可扩展的Web仪表板提供准确的性能监控,可以显示Linux系统上的流程和服务.它监控有关CPU,内存,磁盘,网络,进程等指标. Netdata官网地址:https://my-n ...
- Linux命令应用大词典-第41章 MySQL数据库
41.1 mysqld_safe:MySQL服务器启动脚本 41.2 mysql_install_db:初始化MySQL数据目录 41.3 mysqlshow:显示MySQL数据库结构 41.4 my ...
- 第六阶段·数据库MySQL及NoSQL实践第1章·章节一MySQL数据库
01 课程介绍 02 数据库管理系统介绍 03 MySQL安装方式介绍及源码安装 04 MySQL安装后的基本配置 05 MySQL体系结构-服务器.客户端模型 06 MySQL体系结构-实例.连接层 ...
- 初学Direct X(10)—— D3D基础预备知识
初学Direct X(10) -- D3D基础预备知识 1. 像素格式 D3DFMT_X8R8G8B8(F) X:未加使用 8:8位用于显示 B:用于显示蓝色 F:浮点像素类型 以下三个较为常用,使用 ...
- SQL学习(时间,存储过程,触发器)
SQL学习 几个操作时间的函数 --datapart 获取时间中的年月日时分秒等部分 select DATEPART(year,current_timestamp); select DATEPART( ...
- hibernate.hbm2ddl.auto=update不能自动生成表结构
在写上篇文章<spring整合springmvc和hibernate>的时候,曾遇到一个问题 INFO: Server startup in 8102 ms Hibernate: inse ...