Maison interface Web js tutoriel JavaScript 常用函数_javascript技巧

JavaScript 常用函数_javascript技巧

May 16, 2016 pm 06:37 PM
javascript 常用函数

javascript函数一共可分为五类:
  ·常规函数
  ·数组函数
  ·日期函数
  ·数学函数
  ·字符串函数
  1.常规函数
  javascript常规函数包括以下9个函数:
  (1)alert函数:显示一个警告对话框,包括一个OK按钮。
  (2)confirm函数:显示一个确认对话框,包括OK、Cancel按钮。
  (3)escape函数:将字符转换成Unicode码。
  (4)eval函数:计算表达式的结果。
  (5)isNaN函数:测试是(true)否(false)不是一个数字。
  (6)parseFloat函数:将字符串转换成符点数字形式。
  (7)parseInt函数:将符串转换成整数数字形式(可指定几进制)。
  (8)prompt函数:显示一个输入对话框,提示等待用户输入。例如:
  

      Math.LOG10E(e的对数,底数为10)、Math.PI(π)、Math.SQRT1_2(1/2的平方根值)、Math.SQRT2(2的平方根值)。
  函数有以下18个:
  (1)abs函数:即Math.abs(以下同),返回一个数字的绝对值。
  (2)acos函数:返回一个数字的反余弦值,结果为0~π弧度(radians)。
  (3)asin函数:返回一个数字的反正弦值,结果为-π/2~π/2弧度。
  (4)atan函数:返回一个数字的反正切值,结果为-π/2~π/2弧度。
  (5)atan2函数:返回一个坐标的极坐标角度值。
  (6)ceil函数:返回一个数字的最小整数值(大于或等于)。
  (7)cos函数:返回一个数字的余弦值,结果为-1~1。
  (8)exp函数:返回e(自然对数)的乘方值。
  (9)floor函数:返回一个数字的最大整数值(小于或等于)。
  (10)log函数:自然对数函数,返回一个数字的自然对数(e)值。
  (11)max函数:返回两个数的最大值。
  (12)min函数:返回两个数的最小值。
  (13)pow函数:返回一个数字的乘方值。
  (14)random函数:返回一个0~1的随机数值。
  (15)round函数:返回一个数字的四舍五入值,类型是整数。
  (16)sin函数:返回一个数字的正弦值,结果为-1~1。
  (17)sqrt函数:返回一个数字的平方根值。
  (18)tan函数:返回一个数字的正切值。
  5.字符串函数
  javascript字符串函数完成对字符串的字体大小、颜色、长度和查找等操作,共包括以下20个函数:
  (1)anchor函数:产生一个链接点(anchor)以作超级链接用。anchor函数设定的链接点的名称,另一个函数link设定的URL地址。
  (2)big函数:将字体加到一号,与...标签结果相同。
  (3)blink函数:使字符串闪烁,与...标签结果相同。
  (4)bold函数:使字体加粗,与...标签结果相同。
  (5)charAt函数:返回字符串中指定的某个字符。
  (6)fixed函数:将字体设定为固定宽度字体,与...标签结果相同。
  (7)fontcolor函数:设定字体颜色,与标签结果相同。
  (8)fontsize函数:设定字体大小,与标签结果相同。
  (9)indexOf函数:返回字符串中第一个查找到的下标index,从左边开始查找。
  (10)italics函数:使字体成为斜体字,与...标签结果相同。
  (11)lastIndexOf函数:返回字符串中第一个查找到的下标index,从右边开始查找。
  (12)length函数:返回字符串的长度。(不用带括号)
  (13)link函数:产生一个超级链接,相当于设定的URL地址。
  (14)small函数:将字体减小一号,与...标签结果相同。
  (15)strike函数:在文本的中间加一条横线,与...标签结果相同。
  (16)sub函数:显示字符串为下标字(subscript)。
  (17)substring函数:返回字符串中指定的几个字符。
  (18)sup函数:显示字符串为上标字(superscript)。
  (19)toLowerCase函数:将字符串转换为小写。
  (20)toUpperCase函数:将字符串转换为大写。

事件源对象
event.srcElement.tagName
event.srcElement.type

捕获释放
event.srcElement.setCapture();
event.srcElement.releaseCapture();

事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey

事件返回值
event.returnValue

鼠标位置
event.x
event.y

窗体活动元素
document.activeElement

绑定事件
document.captureEvents(Event.KEYDOWN);

访问窗体元素
document.all("txt").focus();
document.all("txt").select();

窗体命令
document.execCommand

窗体COOKIE
document.cookie

菜单事件
document.oncontextmenu

创建元素
document.createElement("SPAN");

根据鼠标获得元素
document.elementFromPoint(event.x,event.y).tagName=="TD
document.elementFromPoint(event.x,event.y).appendChild(ms)

窗体图片
document.images[索引]

窗体事件绑定
document.onmousedown=scrollwindow;

元素
document.窗体.elements[索引]

对象绑定事件
document.all.xxx.detachEvent('onclick',a);

插件数目
navigator.plugins

取变量类型
typeof($js_libpath) == "undefined"
下拉框
下拉框.options[索引]
下拉框.options.length

查找对象
document.getElementsByName("r1");
document.getElementById(id);

定时
timer=setInterval('scrollwindow()',delay);
clearInterval(timer);

UNCODE编码
escape() ,unescape

父对象

obj.parentElement(dhtml)
obj.parentNode(dom)

交换表的行
TableID.moveRow(2,1) //将第三行与第二行交换

替换CSS
document.all.csss.href = "a.css";

并排显示
display:inline

隐藏焦点
hidefocus=true

根据宽度换行

style="word-break:break-all"

自动刷新


简单邮件


快速转到位置

obj.scrollIntoView(true)



anchors

网页传递参数

location.search();

可编辑

obj.contenteditable=true

执行菜单命令

obj.execCommand

双字节字符

/[^\x00-\xff]/

汉字

/[\u4e00-\u9fa5]/

让英文字符串超出表格宽度自动换行
word-wrap: break-word; word-break: break-all;

透明背景



获得style内容
obj.style.cssText

HTML标签
document.documentElement.innerHTML

第一个style标签
document.styleSheets[0]

style标签里的第一个样式
document.styleSheets[0].rules[0]

防止点击空链接时,页面往往重置到页首端。
word

上一网页源

asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer

释放内存
CollectGarbage();

禁止右键

document.oncontextmenu = function() { return false;}

禁止保存


禁止选取



地址栏图标

favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下

收藏栏图标



查看源码



关闭输入法

自动全选


ENTER键可以让光标移到下一个输入框


文本框的默认值


获得时间所代表的微秒
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()

窗口是否关闭
win.closed

checkbox扁平



获取选中内容
document.selection.createRange().duplicate().text

自动完成功能
打开该功能
关闭该功能

窗口最大化



无关闭按钮IE
window.open("aa.htm", "meizz", "fullscreen=7");

统一编码/解码
alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
encodeURIComponent对":"、"/"、";" 和 "?"也编码

表格行指示


各种尺寸
s += "\r\n网页可见区域宽:"+ document.body.clientWidth;
s += "\r\n网页可见区域高:"+ document.body.clientHeight;
s += "\r\n网页可见区域高:"+ document.body.offsetWeight +" (包括边线的宽)";
s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;
s += "\r\n网页正文全文高:"+ document.body.scrollHeight;
s += "\r\n网页被卷去的高:"+ document.body.scrollTop;
s += "\r\n网页被卷去的左:"+ document.body.scrollLeft;
s += "\r\n网页正文部分上:"+ window.screenTop;
s += "\r\n网页正文部分左:"+ window.screenLeft;
s += "\r\n屏幕分辨率的高:"+ window.screen.height;
s += "\r\n屏幕分辨率的宽:"+ window.screen.width;
s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
4 Il y a quelques semaines By DDD
R.E.P.O. Meilleurs paramètres graphiques
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment mettre en œuvre un système de reconnaissance vocale en ligne à l'aide de WebSocket et JavaScript Comment mettre en œuvre un système de reconnaissance vocale en ligne à l'aide de WebSocket et JavaScript Dec 17, 2023 pm 02:54 PM

Comment utiliser WebSocket et JavaScript pour mettre en œuvre un système de reconnaissance vocale en ligne Introduction : Avec le développement continu de la technologie, la technologie de reconnaissance vocale est devenue une partie importante du domaine de l'intelligence artificielle. Le système de reconnaissance vocale en ligne basé sur WebSocket et JavaScript présente les caractéristiques d'une faible latence, d'un temps réel et d'une multiplateforme, et est devenu une solution largement utilisée. Cet article explique comment utiliser WebSocket et JavaScript pour implémenter un système de reconnaissance vocale en ligne.

WebSocket et JavaScript : technologies clés pour mettre en œuvre des systèmes de surveillance en temps réel WebSocket et JavaScript : technologies clés pour mettre en œuvre des systèmes de surveillance en temps réel Dec 17, 2023 pm 05:30 PM

WebSocket et JavaScript : technologies clés pour réaliser des systèmes de surveillance en temps réel Introduction : Avec le développement rapide de la technologie Internet, les systèmes de surveillance en temps réel ont été largement utilisés dans divers domaines. L'une des technologies clés pour réaliser une surveillance en temps réel est la combinaison de WebSocket et de JavaScript. Cet article présentera l'application de WebSocket et JavaScript dans les systèmes de surveillance en temps réel, donnera des exemples de code et expliquera leurs principes de mise en œuvre en détail. 1. Technologie WebSocket

Comment mettre en œuvre un système de réservation en ligne à l'aide de WebSocket et JavaScript Comment mettre en œuvre un système de réservation en ligne à l'aide de WebSocket et JavaScript Dec 17, 2023 am 09:39 AM

Comment utiliser WebSocket et JavaScript pour mettre en œuvre un système de réservation en ligne. À l'ère numérique d'aujourd'hui, de plus en plus d'entreprises et de services doivent fournir des fonctions de réservation en ligne. Il est crucial de mettre en place un système de réservation en ligne efficace et en temps réel. Cet article explique comment utiliser WebSocket et JavaScript pour implémenter un système de réservation en ligne et fournit des exemples de code spécifiques. 1. Qu'est-ce que WebSocket ? WebSocket est une méthode full-duplex sur une seule connexion TCP.

Comment utiliser JavaScript et WebSocket pour mettre en œuvre un système de commande en ligne en temps réel Comment utiliser JavaScript et WebSocket pour mettre en œuvre un système de commande en ligne en temps réel Dec 17, 2023 pm 12:09 PM

Introduction à l'utilisation de JavaScript et de WebSocket pour mettre en œuvre un système de commande en ligne en temps réel : avec la popularité d'Internet et les progrès de la technologie, de plus en plus de restaurants ont commencé à proposer des services de commande en ligne. Afin de mettre en œuvre un système de commande en ligne en temps réel, nous pouvons utiliser les technologies JavaScript et WebSocket. WebSocket est un protocole de communication full-duplex basé sur le protocole TCP, qui peut réaliser une communication bidirectionnelle en temps réel entre le client et le serveur. Dans le système de commande en ligne en temps réel, lorsque l'utilisateur sélectionne des plats et passe une commande

JavaScript et WebSocket : créer un système efficace de prévisions météorologiques en temps réel JavaScript et WebSocket : créer un système efficace de prévisions météorologiques en temps réel Dec 17, 2023 pm 05:13 PM

JavaScript et WebSocket : Construire un système efficace de prévisions météorologiques en temps réel Introduction : Aujourd'hui, la précision des prévisions météorologiques revêt une grande importance pour la vie quotidienne et la prise de décision. À mesure que la technologie évolue, nous pouvons fournir des prévisions météorologiques plus précises et plus fiables en obtenant des données météorologiques en temps réel. Dans cet article, nous apprendrons comment utiliser la technologie JavaScript et WebSocket pour créer un système efficace de prévisions météorologiques en temps réel. Cet article démontrera le processus de mise en œuvre à travers des exemples de code spécifiques. Nous

Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP Jan 05, 2024 pm 06:08 PM

Tutoriel JavaScript : Comment obtenir le code d'état HTTP, des exemples de code spécifiques sont requis Préface : Dans le développement Web, l'interaction des données avec le serveur est souvent impliquée. Lors de la communication avec le serveur, nous devons souvent obtenir le code d'état HTTP renvoyé pour déterminer si l'opération a réussi et effectuer le traitement correspondant en fonction de différents codes d'état. Cet article vous apprendra comment utiliser JavaScript pour obtenir des codes d'état HTTP et fournira quelques exemples de codes pratiques. Utilisation de XMLHttpRequest

Comment utiliser insertBefore en javascript Comment utiliser insertBefore en javascript Nov 24, 2023 am 11:56 AM

Utilisation : En JavaScript, la méthode insertBefore() est utilisée pour insérer un nouveau nœud dans l'arborescence DOM. Cette méthode nécessite deux paramètres : le nouveau nœud à insérer et le nœud de référence (c'est-à-dire le nœud où le nouveau nœud sera inséré).

Comment obtenir facilement le code d'état HTTP en JavaScript Comment obtenir facilement le code d'état HTTP en JavaScript Jan 05, 2024 pm 01:37 PM

Introduction à la méthode d'obtention du code d'état HTTP en JavaScript : Dans le développement front-end, nous devons souvent gérer l'interaction avec l'interface back-end, et le code d'état HTTP en est une partie très importante. Comprendre et obtenir les codes d'état HTTP nous aide à mieux gérer les données renvoyées par l'interface. Cet article explique comment utiliser JavaScript pour obtenir des codes d'état HTTP et fournit des exemples de code spécifiques. 1. Qu'est-ce que le code d'état HTTP ? Le code d'état HTTP signifie que lorsque le navigateur lance une requête au serveur, le service

See all articles