JavaScript函数

最新推荐文章于 2024-04-29 08:36:05 发布
最新推荐文章于 2024-04-29 08:36:05 发布
阅读量1.6k 收藏 5
点赞数 3
分类专栏： Java 文章标签： JavaScript函数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43202897/article/details/82876696
版权

一、内置函数

1.alert()函数

alert()函数用于弹出一个消息对话框，该对话框包括一个“确定”按钮。
语法：alert（str）；
参考案例：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>alert()函数</title>
</head>
<body>
<Script Language=JavaScript>
    function Clickme(){
	alert("请输入用户名");
	}	
</Script>
<p><a href=# onclick="Clickme()">单机试一下</a></p>
</body>
</html>

在这里插入图片描述

2.confirm()函数

confirm()函数用于显示一个请求对话框，包含一个“确定”按钮和一个“取消”按钮。
语法：confirm（str）；
参考案例：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>confirm()函数</title>
</head>
<body>
<Script Language=JavaScript>
    function Checkme(){
	if(confirm("是否确定删除数据？")==true)
	      alert("成功删除数据");
		  else
		  alert("没有删除数据");
	}
</Script>
<p><a href=# onclick="Checkme()">删除数据</a></p>
</body>
</html>

在这里插入图片描述
在这里插入图片描述

3.prompt()函数

prompt()函数用于显示可提示用户输入的对话框，该对话包含一个“确定”按钮、一个“取消”按钮和一个文本框。
语法：prompt（text，defaultText）；
参考案例：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>prompt()函数</title>
</head>
<body>
<Script Language=JavaScript>
    function Input(){
	var Myatr = prompt("请输入您的姓名");
	alert("您的姓名是："+ Mystr)
	}	
</Script>
<p><a href=# onclick="Input()">录入姓名</a></p>
</body>
</html>

在这里插入图片描述
在这里插入图片描述

4.escape()函数

escape()函数用于对字符串进行编码，以便可以在所有的计算机上读取该字符串。
语法：escape(str);
参考案例：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>escape()函数</title>
</head>
<body>
<Script Language=JavaScript>
     document.write(escape("Hello world!")+"</br>");
	 document.write(escape("你好！？！=()#%&"));
</Script>
</body>
</html>

在这里插入图片描述

5.unescape()函数

unescape()函数可对通过escape()编码的字符串进行解码。
语法：unescape(str);
参考案例：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>unescape()函数</title>
</head>
<body>
<Script Language=JavaScript>
     str = escape ("Hello world!");
     document.write(escape(str)+"</br>")
	 document.write(unescape(str))
</Script>
</body>
</html>

在这里插入图片描述

6.eval()函数

eval()函数可以计算某个字符串，并执行其中的JavaScript代码。
语法：eval(str);
参考案例：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>eval()函数</title>
</head>
<body>
<Script Language=JavaScript>
     eval("x=1;y=2;document.write(x+y)");
     document.write("</br>")
	 document.write(eval(2*2))
</Script>
</body>
</html>

在这里插入图片描述

7.isNaN()函数

isNaN()函数用于测试参数是否不是一个数字。
语法：isNaN(x)
参考案例：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>isNaN()函数</title>
</head>
<body>
<Script Language=JavaScript>
	 document.write(isNaN(123));
	 document.write("</br>")
	  document.write(isNaN(-123));
	 document.write("</br>")
	  document.write(isNaN(1+2));
	 document.write("</br>")
	  document.write(isNaN(0));
	 document.write("</br>")
	  document.write(isNaN("Hello"));
	 document.write("</br>")
	  document.write(isNaN("2013/12/12"));
</Script>
</body>
</html>

在这里插入图片描述

8.parseFloat()函数

parseFloat()函数用于将字符串转换成浮点数字形式。
语法：parseFloat(str)
参考案例：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>parseFloat()函数</title>
</head>
<body>
<Script Language=JavaScript>
	 document.write(parseFloat("12.3")+1)
</Script>
</body>
</html>

在这里插入图片描述

9.parseInt()函数

parseInt()函数用于将字符串转换为整数数字形式。
语法：parseInt(str,radix)
参考案例：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>parseInt()函数</title>
</head>
<body>
<Script Language=JavaScript>
     str = parseInt("10");
	 document.write(str);
	 document.write("</br>")
	 str =  parseInt("f",16);
	 document.write(str);
	 document.write("</br>")
	 str = parseInt("010",2);
	 document.write(str);
	 document.write("</br>")
</Script>
</body>
</html>

在这里插入图片描述

二、自定义函数

function  函数名   (参数列表)
{
          函数体
}

谢谢大家浏览

在这里插入图片描述

狐 若
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
javascript
wa的一声就哭了
10-27 71
使用方式与css相似，在html的头部信息中添加script标签，标签内部可以写javascript语言（简称js） alert函数是一个跳出窗口（可以当成输出函数使用） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"&g
element-ui $prompt输入弹框和$confirm确认弹框用法--输入框默认值、校验、阻止关闭等问题
热门推荐
facing-screen's blog
09-02 4万+
element-ui $prompt输入框弹窗用法 实例： this.$prompt('请输入文件夹名称：','提示',{ confirmButtonText: '确定', cancelButtonText: '取消' }).then(({value}) => { console.log(value); utils.aja
JavaScript函数(声明函数、调用函数、匿名函数、箭头函数、构造函数)
最新发布
Bulut0907
04-29 469
写法更简单，属于表达式函数，可以更好的实现匿名函数。
element-ui $prompt输入弹框
Mrdwc的博客
08-11 1816
看了官方文档示例，想着是不是inputValue: this.email的问题，把该行代码注释掉，发现就不存在之前的问题了；最后发现是关于this.email初始值为空字符串而不是null导致首次打开$prompt输入框触发校验部分；记录开发过程中遇到的一些问题，希望可以帮到遇到同样问题的小伙伴。但是会出现首次打开就会出现errorMessage提示，
elementUI-MessageBox 弹框之$prompt
若末lan的博客
05-16 4698
输入框的类型 默认text, 文档比较简洁没有列举其他的type，其实input的type有很多，比如file，date，比如这里我写的textarea也是OK的；2.inputValidator 输入框的校验函数。val)return '放弃原因必填'},之前写都没有记录，今天记录一下，文档上没有写的关于$prompt内容提交的校验。
this.$prompt弹框：input必填时，message添加必填*前缀
n_2021的博客
03-09 1491
JavaScript 函数
04-21
JavaScript 函数
详解JavaScript函数绑定
10-26
在JavaScript与DOM交互中经常需要使用函数绑定，定义一个函数然后将其绑定到特定DOM元素或集合的某个事件触发程序上，绑定函数经常和回调函数及事件处理程序一起使用，以便把函数作为变量传递的同时保留代码执行环境
JavaScript函数详解
10-24
JavaScript函数是编程语言的核心组成部分，它允许我们组织代码并实现可重用的逻辑。本文将深入探讨JavaScript函数的定义、四种调用模式以及`apply`和`call`的区别。 首先，我们来理解函数的定义。在JavaScript中，...
javascript 函数介绍
10-29
JavaScript函数是编程语言的核心组成部分，它允许我们封装可重用的代码块，便于解决特定问题。函数在JavaScript中扮演着重要角色，提供了模块化、逻辑组织以及数据处理的能力。 1. **函数定义与调用** 函数在...
JS isNaN函数
Da_Xiong的博客
12-23 3117
JS isNaN函数
JavaScript的prompt函数的使用
weixin_63066781的博客
12-12 1256
记得点赞，加关注哦！
Prompt设置提示符
Crett
12-28 3441
prompt　　　设置提示符   ［适用场合］　　当你厌烦了c:\>的提示符或者您想使您的提示符与众不同时，您可以 　　　　　　　　试一试，非常有趣的DOS命令，可以随时显示时间与日期。   ［用　　法］　　prompt $p$g 以当前目录名和>号为提示符，这是最常用的提示符   　　　　　　　　prompt $t 表示时间　　　　　　prompt $d 表示日期   　
prompt取消按钮_弹窗按钮：场景不同，文案也不同
weixin_39827798的博客
11-29 519
本篇文章主要针对几组比较容易混淆的按钮文案进行对比说明，以区分它们之间的不同和厘清各自适合的使用场景。我们在各种操作系统、各种应用程序的弹窗上可以见到多种多样的文案，比如“确定”、“确认”、“提交”、“发送”、“发布”、“保存”等等。有时候我们在设计产品的弹窗时，自己也会偶尔拿不准在某个场景下，究竟应该在操作按钮上使用什么文案来准确符合当前场景要求，避免歧义。弹窗按钮文案所以，我综合整理了一下弹窗...
elment-ui中的$prompt，阻止点击确定关闭弹窗
weixin_45152848的博客
08-15 1万+
this.$prompt('请输入新名称', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', inputErrorMessage: '输入不能为空', inputValidator: (value)=>{ if(value.trim().length < 1){ ...
prompt()弹出框内容的传参
luckyJieXu的博客
03-17 4770
function disp_prompt()   {   var name=prompt("请输入您的名字","Bill Gates")   if (name)     {      var aa = document.getElementById("aa");      aa.value = name;     }   }
isNaN()部分总结
qq_23082751的博客
07-28 912
isNaN(x),如果 x 是特殊的非数字值 NaN（或者能被转换为这样的值），返回的值就是 true。如果 x 是其他值,则返回 false。 isNaN() 函数可用于判断其参数是否是 NaN，该值表示一个非法的数字（比如被 0 除后得到的结果）。 如果把 NaN 与任何值（包括其自身）相比得到的结果均是 false，所以要判断某个值是否是 NaN，不能使用 == 或 === 运算符。正因为如...
vue 自定义弹框的用法
weixin_46252229的博客
10-18 2784
vue 自定义弹框的用法 一、$prompt 的用法 console.log('驳回的参数',list); this.$prompt('', '战败驳回原因', { inputType: 'textarea', confirmButtonText: '确定', cancelButtonText: '取消', inputPattern: /\S/, inputErrorMessage: '驳回原因不能为空',
Javascript函数
05-31
JavaScript 函数是一段可重复使用的代码块，它可以接受输入（称为参数），并返回输出。定义函数的一般语法如下： ```javascript function functionName(parameter1, parameter2, parameter3) { // 函数体 return output; } ``` 其中，`functionName` 是函数的名称，`parameter1`、`parameter2`、`parameter3` 等是函数的参数，用逗号分隔。函数体中包含了实现函数功能的代码，`return` 语句用于返回函数的输出值。 以下是一个简单的 JavaScript 函数，它把两个数字相加并返回结果： ```javascript function add(num1, num2) { return num1 + num2; } ``` 调用函数的方法是使用函数名称加上括号，并传入相应的参数，例如： ```javascript var sum = add(1, 2); // sum = 3 ``` 这里 `add(1, 2)` 就是调用 `add` 函数并传入参数 `1` 和 `2`，返回值 `3` 被赋给了变量 `sum`。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

狐 若

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值