Day14 JavaScript
区分：
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的更多相关文章
- Day14 Javascript 点击添加出弹窗，取消隐藏弹窗小练习 反选，全选，取消边框
点击添加出弹窗,取消隐藏弹窗小练习 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta ...
- 【目录】Python自动化运维
目录:Python自动化运维笔记 Python自动化运维 - day2 - 数据类型 Python自动化运维 - day3 - 函数part1 Python自动化运维 - day4 - 函数Part2 ...
- 前端基础之JavaScript - day14
写在前面 上课第14天,打卡: 唯心不易,坚持! 参考:http://www.cnblogs.com/yuanchenqi/articles/6893904.html 前言 一个完整的 JavaScr ...
- Python之路,Day14 - It's time for Django
Python之路,Day14 - It's time for Django 本节内容 Django流程介绍 Django url Django view Django models Django ...
- Python学习笔记整理总结【web基础】【web/HTML/CSS/JavaScript/DOM/jQuery】
一.HTML HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,他是一种制作万维网页面标准语言(标记).相当于定义统一的一套规则,大家都来遵守他,这样就可以 ...
- python开发学习-day14(jquery、ajax等)
s12-20160421-day14 *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: ...
- day14(编码实战-用户登录注册)
day14 案例:用户注册登录 要求:3层框架,使用验证码 功能分析 注册 登录 1.1 JSP页面 regist.jsp 注册表单:用户输入注册信息: 回显错误信息:当注册失败时,显示错误信 ...
- JavaScript之父Brendan Eich，Clojure 创建者Rich Hickey，Python创建者Van Rossum等编程大牛对程序员的职业建议
软件开发是现时很火的职业.据美国劳动局发布的一项统计数据显示,从2014年至2024年,美国就业市场对开发人员的需求量将增长17%,而这个增长率比起所有职业的平均需求量高出了7%.很多人年轻人会选择编 ...
- javascript中的Array对象 —— 数组的合并、转换、迭代、排序、堆栈
Array 是javascript中经常用到的数据类型.javascript 的数组其他语言中数组的最大的区别是其每个数组项都可以保存任何类型的数据.本文主要讨论javascript中数组的声明.转换 ...
随机推荐
- 【流媒体开发】VLC Media Player - Android 平台源码编译 与 二次开发详解 (提供详细800M下载好的编译源码及eclipse可调试播放器源码下载)
作者 : 韩曙亮 博客地址 : http://blog.csdn.net/shulianghan/article/details/42707293 转载请注明出处 : http://blog.csd ...
- Android必知必会-Handler可能引起的内存泄露
在Android开发中,编写多线程通常会使用到Thread和Handler,细心的朋友会发现,很常见的写法会被编辑器提示有问题,new Handler(){} 内的代码背景颜色会变成黄色.Androi ...
- 【Android 应用开发】 自定义组件 宽高适配方法, 手势监听器操作组件, 回调接口维护策略, 绘制方法分析 -- 基于 WheelView 组件分析自定义组件
博客地址 : http://blog.csdn.net/shulianghan/article/details/41520569 代码下载 : -- GitHub : https://github.c ...
- Cocos2D中图片加-hd后缀的说明
你可能注意到实际上游戏中的sprite都有2张图片,它都对应该精灵,并包含在资源包中(resource pack): player.png(27x40 pixels)和player-hd.png(do ...
- 尚学堂马士兵struts2 课堂笔记(二)
14通配符问题 其实这个问题看一个例子就ok <package name="actions" extends="struts-default" names ...
- 最简单的基于FFMPEG的图像编码器（YUV编码为JPEG）
伴随着毕业论文的完成,这两天终于腾出了空闲,又有时间搞搞FFMPEG的研究了.想着之前一直搞的都是FFMPEG解码方面的工作,很少涉及到FFMPEG编码方面的东西,于是打算研究一下FFMPEG的编码. ...
- BAT有增有减 互联网2015校园…
又到一年开学季,也是毕业生开始被各种招聘.宣讲所围绕的时节. 在众多行业中,互联网在过往几年,也属于较热门的第一梯队之中.不过,在2015年的经济形势下,大家不由地疑问,互联网企业的招聘还会持续吗? ...
- Socket编程实践(7) --Socket-Class封装(改进版v2)
本篇博客定义一套用于TCP通信比较实用/好用Socket类库(运用C++封装的思想,将socket API尽量封装的好用与实用), 从开发出Socket库的第一个版本以来, 作者不知道做了多少改进, ...
- iOS-导航头像缩放，支持点击回调
在很多App中,经常存在一种需求就是,界面上下滚动时用户的头像也会跟着滚动,而用户头像在视图向上滚动一定范围时停留并在导航栏的位置 基本用法如下:1.单纯的实现这一效果: - (LEOHeaderVi ...
- 【一天一道LeetCode】#73. Set Matrix Zeroes
一天一道LeetCode 本系列文章已全部上传至我的github,地址:ZeeCoder's Github 欢迎大家关注我的新浪微博,我的新浪微博 欢迎转载,转载请注明出处 (一)题目 Given a ...