js函数 DOM操作
回学校了两天请了两天假,数组和方法的内容周末一定补上!
今天介绍一下JavaScript函数 Function
一、基础内容
1.定义
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
function show (){}
其中function为关键字 show为标识符 (自己起的函数名)
2.调用
show() (函数名加小括号)
3.参数
function show(参数列表,参数列表2){}
参数列表是形式参数,在方法里面用形参,
形参:是在定义函数时使用的参数,目的是用来接收调用该函数时传进来的实际参数。 函数结束将被释放。
实参:是在调用时传递给函数的参数 。调用的时候show(aaa) 这个aaa为实参 确定的参数有值。
默认参数
show(arr,13)
function show(arr1,str=1) 有13 str 被改为13 没有13 str为1 str=1 就是默认值。
默认值的使用实例
//定义一个数组
var attr = [],
//定义输入的几个数 的变量
str = "",
num = 0,
a; function max(a = 1){
num = parseInt(prompt("输入几个数"));
//通过循环给数组赋值
for(var i = 0; i < num; i ++){
str = prompt("请输入第"+(i+1)+"个数");
attr[i] = str;
}
//假设最大或最小的数为第0项
var smg = attr[0];
//通过循环比较第0项和其他项的大小
for(var i = 0; i < num; i ++){
if(a == 1){
//如果有其他项比min小,则赋值给它
if(smg > attr[i]){
smg = attr[i];
}
}else{
//如果有其他项比max大,则赋值给它
if(smg < attr[i]){
smg = attr[i];
}
} }
//输出最大值
console.log(max);
alert(smg);
}
默认值的使用
二、方法
Return 结束方法。 Return num ; 加num表示返回num的值。 Return “找到了”;返回找到了。不能用在循环。类似于循环的break。
递归;
function f1(n){
If(n==1) teturn;
n—
f1(n)
}
自调用方法(外面 加括号)(function(){})
匿名函数(没有方法名的函数) Function(){}
用途 var fun = function(){ } (名字就是fun了……)
三、 Dom 操作
1.功能:找到元素 操作元素
找元素: 标签名 document .getelementsByTagName ();
属性 document.getelementById(); id 属性值 除了id其他都是elements,因为他们都不是唯一的。
document.getelementsByClass();
ClassName
操作元素:内容 属性 样式 添加事件 删除标签
①内容 1.非表单元素
标签对象.innerHTML = 123
获取标签内容 修改标签内容
2.表单元素
标签对象,value = 123
②属性
标签对象.getAttribute(“属性名”,“值”)
③样式
标签对象.style.color = “red” Js只能操作行内样式 外部引用不行
js函数 DOM操作的更多相关文章
- js的dom操作(整理)(转)
js的dom操作整理(整理)(转) 一.总结 一句话总结: dom操作有用原生js的dom操作,也可以用对js封装过的jquery等插件来来更加方便的进行dom操作 1.dom是什么? 对于JavaS ...
- js的DOM操作整理(整理)
js的DOM操作整理(整理) 一.总结 一句话总结: dom操作有用原生js的dom操作,也可以用对js封装过的jquery等插件来更加方便的进行dom操作 1.dom是什么? 对于JavaScrip ...
- JS的DOM操作及动画
JS的DOM操作DOM:Document Object ModelBOM:Bowers(浏览器) Object Model找到元素:var a=document.getElementById(&quo ...
- JS的DOM操作语法
整理了一下JS的DOM操作语法,这里做下记录. <!DOCTYPE html> <html> <head> <meta charset="utf-8 ...
- JS的DOM操作 - 你真的了解吗?
摘要 想稍微系统的说说对于DOM的操作,把Javascript和jQuery常用操作DOM的内容归纳成思维导图方便阅读,同时加入性能上的一些问题. 前言 在前端开发的过程中,javascript极为重 ...
- 原生js封装dom操作库
var utils = (function(window) { var flag = "getComputedStyle" in window; function win(attr ...
- 5月16日上课笔记-js中DOM操作
一.DOM操作 DOM节点的操作 增加 删除 修改 节点的信息: nodeName 获取节点的标签名 parentNode 获取父节点 childNodes IE忽略回车换行,chrome回车换行是文 ...
- 总结js常用的dom操作(js的dom操作API)
转载:https://www.haorooms.com/post/js_dom_api 前言 很多同学用惯了jquery操作dom,让他们用js操作的时候,常常力不从心,本文总结了常用的js的dom操 ...
- js常用DOM操作
在博客园看到了苏夏写的常用DOM整理文章,地址:http://www.cnblogs.com/cabbagen/p/4579412.html,然后抽时间都试了一下这些常用的DOM操作.在这里记录一下. ...
随机推荐
- C# 实现透明可移动窗体
1.设置窗体属性 this.BackColor this.TransparencyKey = this.BackColor; 2.窗体加载图片 this.BackgroundImage = globa ...
- Java基础——类和对象的初始化过程
本节把类和对象的初始化所涉及到的所有代码块阐述一边. 示例代码: public class Demo { private static String name; private String age; ...
- 手游服务器端接入google的SDK
在接入google的SDK之前,当然先要用你的google开发者账号要去申请你接入的应用,这些步骤就直接省略了具体的步骤可以查看这篇博文:http://blog.csdn.net/hjun01/art ...
- SpringMVC(六)POJO类作为 @RequestMapping方法的参数
Command or form objects to bind request parameters to bean properties (via setters) or directly to f ...
- ZBrush中Layer层笔刷介绍
本文我们来介绍ZBrush®中的Layer层笔刷,该笔刷是一种类似梯田效果的笔刷,常用来制作鳞甲和花纹图腾.他还可以用一个固定的数值抬高或降低模型的表面,当笔刷在重合时,笔画重叠部分不会再次位移,这使 ...
- loging模块
logging模块 什么是logging模块 logging模块是python提供的用于记录日志的模块 为什么需要logging 我们完全可以自己打开文件然后,日志写进去,但是这些操作重复且没有任何技 ...
- kvm三个kernel相关的调优
今天在杭州参加淘宝嘉年华技术沙龙,主题是虚拟化和云计算,三个讲演: 淘宝网子团分享淘宝kvm技术的使用 华为的杨晓伟介绍虚拟化技术 阿里云郑永升介绍弹性云计算技术 其中KVM 调优,三点值得关注的: ...
- There are multiple modules with names that only differ in casing.
client?4c0e:153 ./src/components/Paginate.vue There are multiple modules with names that only differ ...
- C#RichTextBox复制并跳转指定行
方法一: rTxt.Focus(); //设置文本框中选定的文本起始点 为 指定行数第一个字符的索引 rTxt.SelectionStart = rTxt.GetFirstCharIndexFromL ...
- [BOI2011]MET-Meteors
题目:洛谷P3527. 题目大意:n个国家在某星球上建立了m个空间站(一个空间站只属于一个国家),空间站围成一个环.现在知道要下k天陨石,每天都在一个区间内下,每个点都下同样多的(若r>l,则说 ...