[网页编程]-07 JavaScript 函数
函数的声明
函数在JavaScript中本身也是一个对象,这个是要明确的
第一种 用的也是最多的
（1） function 函数名（）{
函数体
}
调用代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
/* ********函数声明的方式********* */
/* 方式一 */
function demo1(){
alert("函数调用的第一种方式");
}
demo1();
</script>
</head>
<body>
</body>
</html>
第二种
(2) var 函数名=function(){
函数体
}
调用代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
/* 第二种方式 */
var demo2=function(){
alert("函数声明的第二种方式")
}
demo2();
</script>
</head>
<body>
</body>
</html>
第三种 (了解)
(3) var 函数名=new Function("函数体")；
函数中的参数传递
所谓的参数传递实际上就是赋值
a,b 是形参
1,2 是实参
需要注意的是在JavaScript中没有严格的实参对应形参的要求 所以不会报错 只会给undefined 但是java中就会
如果实参个数超出形参个数 就只会按照顺序来
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
function demo4(a,b){
console.log(a+"---"+b)
}
demo4(1,2)//控制台结果1---2
demo4(1)//控制台结果 1---undefined
demo4(1,2,3)//控制台结果:1---2
</script>
</head>
<body>
</body>
</html>
如果实参个数多余形参个数,那么就会按照顺序来
函数中的返回值
JavaScript函数的返回值是和java一样的,存在返回值使用return来返回返回值
演示代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
/* JS中的函数返回值 */
function demo5(a){
console.log("参数值:"+a);
return a;
}
alert(demo5(5))
</script>
</head>
<body>
</body>
</html>
():函数的执行符
这个解释一下,用代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
/*****【1】函数声明的方式***********************/
//方式一
function demo1(){
alert("函数声明一");
}
//方式二
var demo2= function(){
alert("函数声明二");
}
//方式三 (函数本身也是一个对象) 了解
var demo3=new Function("alert('我是函数声明三')");
// demo3();
// demo1();
/*************函数中参数传递************************/
function demo4(a,b){
console.log(a+"...."+b);
}
/* demo4(1,2);//1....2
demo4(1);//1....undefined
demo4(1,2,3);//1....2*/
/**************函数的返回值**************************/
function demo5(a){
console.log("参数值："+a());
return a;
}
// alert(demo5(5));
var a=function(){
console.log("我是函数a");
};
demo5(a);
</script>
</head>
<body>
</body>
</html>
<!--
函数声明的三种形式
（1） function 函数名（）{
函数体
}
(2) var 函数名=function(){
函数体
}
(3) var 函数名=new Function("函数体")；
函数参数传递
在js中实参的个数和形参的个数可以不一致
函数的返回值
如果函数没有return 这时候返回 undefined
():函数执行符
-->网站声明：如果转载，请联系本站管理员。否则一切后果自行承担。
相关文章
-
[网页编程]-01 内容介绍 -HTML5
2023-12-27
64215 浏览
网页编程作为java程序员来说也是一项必修的课程,不要求说要写出多好看的页面,但是最少要会看得懂前端工程师给我们提供的页面代码,否则就没法进行来发,前后端分离提升了效率,但也对后端工程师也提出了一定的要求接下来的时间里,就开始我们的网页编程的学习吧互联网三大基石HTML(HyperTextMarkupLanguage):超文本标记语言HTTP(HyperTextTransferProtocol):
-
[网页编程]-10 jQuery 事件处理
2023-12-27
63622 浏览
jq对象上的事件只有一次有效可以使用one()绑定方式。一个jq对象绑定多个事件可以采用bind()绑定方式将事件和事件处理方式封装为json。事件采用bind绑定后使用unbind()进行事件解绑。三种页面加载执行方式/*页面加载完成事件操作*3*/$(function(){});jQuery(function(){});$(document).ready(function(){})事件的基础绑
-
[网页编程]-11 jQuery 动画效果
2023-12-27
63241 浏览
隐藏jq对象.hide(3000)显示jq对象.show(3000)。滑上jq对象.slideUp(3000)滑下jq对象.slideDown(3000)。淡入jq对象.fadeIn(3000)淡出jq对象.fadeOut(3000)。隐藏和淡出的最终状态是display:none;显示及隐藏隐藏jq对象.hide(3000)显示jq对象.show(3000)显示/隐藏jq对象.toggle(30
-
[网页编程]-12 jQuery 实战项目
2023-12-27
69574 浏览
本篇作为jQuery学习的最终章,做一个练手项目代码
jQuery操作表格 -
[网页编程]-20 javascript Document节点对象的操作
2023-12-27
64381 浏览
添加节点
-
[网页编程]-19 javascript Document节点对象的内容操作
2023-12-27
63857 浏览
注意点:innerHTMLinnerText只适合双标签如果是要写成追加的信息,就需要写成这样div.innerText+="测试内容识别innerHTML;//会获得html中的内容,会识别html信息varinn2=div.innerText;//只会获得文本的信息,不会识别html信息双标签使用:innerHTMLinnerText单标签使用:valueinnerHTML&in
-
[网页编程]-18 javascript Document节点对象的样式操作
2023-12-27
64653 浏览
本篇主要讲的是对元素节点中的CSS样式的属性的操作,一共有两种,第一种常规的,用的比较多一些,第二种根据实际情况而定
Document</ti</p> </li> <li> <a href="/news/show.html?id=31533" class="jie-title">[<em class="color_r">网页</em><em class="color_r">编程</em>]-17 <em class="color_r">javascript</em> Document节点对象的属性操作</a> <i>2023-12-27</i> <em class="layui-hide-xs">67041 浏览</em> <p>直接操作元索的属性通过元素名.属性名='值'通过操作元素属性的方法元素名setAttribute或元素名.getAttribute("属性',值)<!DOCTYPEhtml><html><head><metacharset="utf-8"><title> -
[网页编程]-07 图片标签
2023-12-27
66528 浏览
图片标签多用于图片的插入,一般是有三种方式来连接图片参考代码
-
[网页编程]-06 HTML5 超链接标签
2023-12-27
61332 浏览
超链接的作用实际上就是为实现页面跳转功能以及锚点功能(跳转到当前页面的顶部和尾部或设定的位置)测试代码
添加我为好友，拉您入交流群！
请使用微信扫一扫!