JavaScript函数：

函数：

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

			执行代码

		}

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>

函数分为了三种：

		普通函数：

			function func(arg){

			}

		匿名函数：

			function(){

				console.log(123);

				}

		自执行函数：

			function func(){

			}

			func()	

如果一个项目里边需要用到多个网站的js,可以针对不同的网站的js定义函数

function 张洋(){

	function f1(){

	}

}

function egon(){

	function f1(){

	}

}

JavaScript序列化以及转义：

序列化：

JSON.stringify(li)：将一个列表转化成字符串

JSON.parse(s):将字符串转换成列表

转义：将URL的中文转移成字符串

	客户端(cookie)  ==>  服务器端（一般都是将cookie等信息转义后存到电脑上）

	decodeURI()：URI未转义的字符

	encodeURIComponent():转义uri组件中的字符

	escape()：对字符串进行转义

	unescape():给转义字符串串解码

eval:

	python:val = eval(表达式)

				 exec(执行代码)

	JavaScript：

		   eval

时间操作：

	Date类

	var d = new Date()

<input type='text' id='inp'   value='123'  class='c1'>

var ele_inp=document.getElementById('inp');

ele_inp.onclick=function(){

      console.log(this.getAttribute('value'))  ;

      this.setAttribute("value",'666');

      this.style.color='red';        //点击文字变红

      this.style.border='red 1px  solid'   //  点击边框变红，有宽度

}

onchange事件：

当点击了以后发生了改变只执行的操作。

<body>

<select name="pro" id="s1">
　　 <option>请选择省份</option>

    <option value="111">河南省</option>

    <option value="222">河北省</option>

    <option value="333">东北省</option>

</select>

<script>

    var ele_select=document.getElementById("s1");

    ele_select.onchange=function () {

        alert(1234)
　　　　　console.log(ele_select.value)

    }

</script>

节点操作：

<body>

<style>

    .outer{

        width: 300px;

        height: 300px;

        border: 1px solid  red;

    }

</style>

<div class="outer">

    <h1>hello</h1>

    <a href="http://www.baidu.com">click</a>

</div>

<!--<hr>-->

<button class="add">ADD</button>

<script>

    var ele_addBtn=document.getElementsByClassName("add")[0];

    var ele_outer=document.getElementsByClassName("outer")[0];

    ele_addBtn.onclick=function () {

        //创建节点对象

        //document.createElement("a")  创建一个空的a标签

        var ele_a= document.createElement("a");

        ele_a.innerHTML='click';  //文本赋值

        ele_a.href="http://www.baidu.com";

        //添加节点对象   父节点.appendChild(添加节点)

        ele_outer.appendChild(ele_a);

    }

</script>

</body>

Day15 Javascipt内容补充的更多相关文章

  1. python 全栈开发，Day93(vue内容补充,VueX)

    昨日内容回顾 1. 页面的布局 Vue中使用Bootstrap搭页面 1. 安装 1. npm install bootstrap@3.3.7 -S 2. 使用 1. import 'bootstra ...

  2. day10上节内容补充和初始函数

    1.上节内容补充 文件的删除和修改: #文件的删除和修改 #文件中全部都要修改 # with open('歌词',encoding='utf-8') as f1,open('歌词.bak','w',e ...

  3. ASP.NET Core 2.2 WebApi 系列【九】使用SignalR (作者:tenghao510 ) 学习及内容补充

    原文地址:  ASP.NET Core 2.2 WebApi 系列[九]使用SignalR 今天,看到了大牛的这篇博文,  发了一下评论, 我很惊喜, 没想到他很快就回复了我,  而且通过QQ帮助了S ...

  4. day15模块内容

    1.生成器表达式 先说三元表达式如下 res = [i for i in range(10) if 1 > 5] 这样res就是一个列表6,7,8,9] 只要在这个基础上稍加调整,如下 方括号改 ...

  5. git内容补充-Git零基础快速入门-苏玲

    https://git-scm.com/book/zh/v2 git历史 集中式版本控制管理:cvs.svn 分布式版本控制管理:git 基本命令 git config --list --global ...

  6. DOTNET CORE源码分析之IOC容器结果获取内容补充

    补充一下ServiceProvider的内容 可能上一篇文章DOTNET CORE源码分析之IServiceProvider.ServiceProvider.IServiceProviderEngin ...

  7. Django学习路32_创建管理员及内容补充+前面内容复习

    创建管理员 python manage.py createsuperuser   数据库属性命名限制 1.不能是python的保留关键字 2.不允许使用连续的下划线,这是由django的查询方式决定的 ...

  8. CSS应用内容补充及小实例

    一.clear 清除浮动 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&q ...

  9. 26-[jQuery]-内容补充

    jquery除了咱们上面讲解的常用知识点之外,还有jquery 插件.jqueryUI知识点 jqueryUI 官网: https://jqueryui.com/ jqueryUI 中文网: http ...

随机推荐

  1. JDBC编程学习笔记之数据库连接池的实现

    在JDBC编程的时候,获取到一个数据库连接资源是很宝贵的,倘若数据库访问量超大,而数据库连接资源又没能得到及时的释放,就会导致系统的崩溃甚至宕机.造成的损失将会是巨大的.再看有了数据库连接池的JDBC ...

  2. 【java虚拟机系列】java中类与对象的加载顺序

    首先了解一下Java虚拟机初始化的原理. JVM通过加装.连接和初始化一个Java类型,使该类型可以被正在运行的Java程序所使用.类型的生命周期如下图所示: 装载和连接必须在初始化之前就要完成. 类 ...

  3. Eclipse 快捷方式 指定 固定 workspace

    右点击Eclipse快捷键,然后点击属性, 把目标(target)内容修改如下: clipse -data c:\myworkspace -vm c:\ j2sdk1.5\jre\bin\javaw ...

  4. 给你的流添加缓冲装置——字节块ByteChunk

    这是一个很重要的一个字节数组处理缓冲工具,它封装了字节缓冲器及对字节缓冲区的操作,包括对缓冲区的写入.读取.扩展缓冲区大小等等,另外还提供相应字符编码的转码操作.此工具让缓冲操作变得更加方便,除了缓冲 ...

  5. 利用gradle添加构建版本号

    在java的程序中,貌似都没有这个构建版本号的概念,用的诸如eclipse, idea和android studio的IDE也没有直接提供构建版本号的选项.不过我却想在android程序的版本号当中添 ...

  6. Java-IO之总框架

    在Java IO中我们会经常提到输入流和输出流,流是一种抽象的数据总称,本质是能够进行数据的传输.按照流的方向分为:输入流和输出流.按照流中处理数据的单位,可以将其区分为:字节流和字符流.在Java中 ...

  7. 【一天一道LeetCode】#83. Remove Duplicates from Sorted List

    一天一道LeetCode 本系列文章已全部上传至我的github,地址:ZeeCoder's Github 欢迎大家关注我的新浪微博,我的新浪微博 欢迎转载,转载请注明出处 (一)题目 Given a ...

  8. ROS_Kinetic_11 ROS程序基础Eclipse_C++（二）

    ROS_Kinetic_11 ROS程序基础Eclipse_C++(二) 编写简单的Service和Client (C++): http://wiki.ros.org/cn/ROS/Tutorials ...

  9. sed-加速你在Linux的文件编辑

    1. Sed简介 sed是一种在线编辑器,它一次处理一行内容.处理时,把当前处理的行存储在临时缓冲区中,称为"模式空间"(pattern space),接着用sed命令处理缓冲区中 ...

  10. ad network 和 ad exchange 的对比

    著名的SSP技术提供商PubMatic联合四家知名的DSP公司跟踪实时竞价系统的效果,给出的结果是惊人的749%广告效果提升和64%的媒体收入的增加.2007年发生的一系列在广告交易领域的创投,以及一 ...