10Recopilación completa de múltiples funciones y sintaxis básicas y comunes en js

Los efectos del sitio web no pueden prescindir del script, JavaScript es el lenguaje de script más utilizado, resumamos las funciones y gramáticas básicas comunes:

1La declaración de salida: document.write("");

2Los comentarios en JS son//

3El orden tradicional del documento HTML es: document->html-(head,body)

4El orden del DOM en una ventana del navegador es: window-(navigator,screen,history,location,document)

5Obtener el nombre y el valor de un elemento de formulario: document.getElementById("ID del elemento del formulario").name(o value)

6Un ejemplo de convertir minúsculas a mayúsculas en JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase();

7Los tipos de valor en JS son: String, Number, Boolean, Null, Object, Function

8La conversión de tipo de cadena a numérico en JS es: parseInt(), parseFloat()

9La conversión de número a tipo de cadena en JS es: (""+Variable)

10La longitud de la cadena en JS es: (longitud)

11Se conectan caracteres en JS utilizando+Punto.

12Los operadores de comparación en JS son: == igual, != no igual, >, >=, <, <=

13Se utiliza var para declarar variables en JS

14La estructura de la declaración condicional en JS es: if(condition){}else{}

15La estructura de ciclo en JS es: for([expresión inicial];[condición];[actualización de expresión]) {dentro del ciclo}

16El comando de interrupción del ciclo es: break

17La definición de función en JS es: function functionName([parámetro],...){instrucción[s]}

18.Cuando hay múltiples formularios de tipo form en el archivo, se puede usar document.forms[0],document.forms["}}1] para reemplazar.

19.Ventana: abrir una ventana window.open(), cerrar una ventana: window.close(), ventana en sí misma:self

20. Configuración de la barra de estado: window.status="carácter";

21.Mostrar mensaje de información: window.alert("carácter");

22.Mostrar cuadro de confirmación: window.confirm();

23.Mostrar cuadro de entrada de información: window.prompt();

24.Especificar la ubicación del vínculo actualmente mostrado: window.location.href="URL" rel="external nofollow"

25.Obtener la cantidad de formularios en la ventana: document.forms.length

26.Cerrar el flujo de salida del documento: document.close();

27.Concatenación de cadenas de caracteres:+=

28.Crear un elemento de documento: document.createElement(),document.createTextNode(),

29.Método para obtener el elemento: document.getElementById(),

30. Establecer el valor de todos los miembros de tipo texto del formulario en vacío:

var form = window.document.forms[0]
for (var i = 0; i<form.elements.length;i++}{
 if (form.elements[i].type == "text"){
  form.elements[i].value = "";
 }
}

31.La verificación de si se selecciona un botón de verificación en JS: document.forms[0].checkThis.checked (el atributo checked representa si se selecciona o no, devuelve TRUE o FALSE)

32.El grupo de botones de opción (el nombre del botón de opción debe ser el mismo): obtener la longitud del grupo de botones de opción document.forms[0].groupName.length

33.La verificación de si se selecciona un grupo de botones de opción también se usa checked.

34.El valor de la lista desplegable: document.forms[0].selectName.options[n].value (n a veces se usa el nombre de la lista desplegable más selectedIndex para determinar el valor seleccionado)

35.La definición de la cadena: var myString = new String("This is lightsWord");

36.字符串转成大写:string.toUpperCase(); 字符串转成小写:string.toLowerCase();

37.返回字符串2在字符串1中出现的位置:String1.indexOf("String2")!=-1则说明没找到.

38.取字符串中指定位置的一个字符:StringA.charAt(9);

39.取出字符串中指定起点和终点的子字符串:stringA.substring(2,6);

40.数学函数:Math.PI(返回圆周率),Math.SQRT2(返回开方),Math.max(value1,value2)返回两个数中的最在值,Math.pow(value1,10)返回value1的十次方,Math.round(value1)四舍五入函数,Math.floor(Math.random()*(n+1))返回随机数

41.定义日期型变量:var today = new Date();

42.日期函数列表:

dateObj.getTime()得到时间,

dateObj.getYear()得到年份,

dateObj.getFullYear()得到四位的年份,

dateObj.getMonth()得到月份,

dateObj.getDate()得到日,

dateObj.getDay()得到日期几,

dateObj.getHours()得到小时,

dateObj.getMinutes()得到分,

dateObj.getSeconds()得到秒,

dateObj.setTime(value)设置时间,

dateObj.setYear(val)设置年,

dateObj.setMonth(val)设置月,

dateObj.setDate(val)设置日,

dateObj.setDay(val)设置星期几,

dateObj.setHours设置小时,

dateObj.setMinutes(val)设置分,

dateObj.setSeconds(val)设置秒 [注意:此日期时间从0开始计]

43.FRAME的表示方式:

[window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName

44.parent representa el objeto padre, top representa el objeto más alto

45.la ventana emergente abierta es: opener

46.representa la posición actual: this

47.cuando se llama a una función JS en un enlace de hipertexto, se utiliza:(javascript:) al principio seguido del nombre de la función

48.no se ejecuta este JS en navegadores antiguos:<!--　　　　　 //-->

49.referencia a un archivo de JS:<script type="text/Javascript" src="aaa.js"></script>

50.HTML que se muestra en navegadores que no admiten scripts:<noscript></noscript>

51.cuando hay tanto un enlace de hipertexto como un evento ONCLICK, los navegadores de versiones antiguas se dirigirán a a.html, de lo contrario, se dirigirán a b.html. Ejemplo:<a href="a.html" rel="external nofollow" onclick="location.href='b.html';return false">dfsadf</a>

52.los objetos predefinidos en JS son: Array, Boolean, Date, Error, EvalError, Function, Math, Number, Object, RangeError, ReferenceError, RegExp, String, SyntaxError, TypeError, URIError

53.en JS, la nueva línea es:\n

54.tamaño completo de la ventana:

<script>function fullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}window.maximize=fullScreen;</script>

55.en JS, 'all' representa todos los elementos del nivel inferiorhttp://bizhi.knowsky.com/

56.el orden de enfoque en JS: document.getElementById("elemento de formulario").tabIndex = 1

57.el valor de .innerHTML es el valor del elemento de formulario: por ejemplo, <p id="para">"how are <em>you</em>"</p>, el valor de innerHTML será: how are <em>you</em>

58.el valor de .innerTEXT es el mismo que el anterior, pero no mostrará etiquetas como <em>.

59.contentEditable可设置元素是否可被修改,isContentEditable返回是否可修改的状态.

60.isDisabled判断是否为禁止状态.disabled设置禁止状态

61.length取得长度,返回整型数值

62.addBehavior()是一种JS调用的外部函数文件其扩展名为.htc

63.window.focus()使当前的窗口在所有窗口之前.

64.blur()指失去焦点.与FOCUS()相反.

65.select()指元素为选中状态.

66.防止用户对文本框中输入文本:onfocus="this.blur()"

67.取出该元素在页面中出现的数量:document.all.tags("div(或其它HTML标记符)").length

68.JS中分为两种窗体输出:模态和非模态.window.showModaldialog(),window.showModeless();

69.状态栏文字的设置:window.status='文字',默认的状态栏文字设置:window.defaultStatus = '文字.';

70.添加到收藏夹:external.AddFavorite("http://www.xrss.cn","jaskdlf;

71.JS中遇到脚本错误时不做任何操作:window.onerror = doNothing; 指定错误句柄的语法为:window.onerror = handleError;

72.JS中指定当前打开窗口的父窗口:window.opener,支持opener.opener...的多重继续.

73.JS中的self指的是当前的窗口

74.JS中状态栏显示内容:window.status="内容"

75.JS中的top指的是框架集中最顶层的框架

76.JS中关闭当前的窗口:window.close();

77.JS中提出是否确认的框:if(confirm("Are you sure"63;")){alert("ok");}else{alert("Not Ok");}

78.JS中的窗口重定向:window.navigate("http://www.sina.com.cn;

79.JS中的打印:window.print();

80.JS中的提示输入框:window.prompt("message","defaultReply");

81.JS中的窗口滚动条: window.scroll(x,y)

82.JS中的窗口滚动到位置: window.scrollby

83.JS中设置时间间隔: setInterval("expr",msecDelay) 或 setInterval(funcRef,msecDelay) 或 setTimeout

84.JS中的模态显示在IE4+行, 在NN中不行: showModalDialog("URL"[,arguments][,features]);

85.JS中的退出之前使用的句柄: function verifyClose(){event.returnValue="we really like you and hope you will stay longer.";}} window.onbeforeunload=verifyClose;

86.当窗体第一次调用时使用的文件句柄: onload()

87.当窗体关闭时调用的文件句柄: onunload()

88.window.location 的属性: protocol(http:), hostname(www.example.com), port(80), host(www.example.com:80), pathname("/a/a.html"), hash("#giantGizmo", 指跳转到相应的锚记), href(全部的信息)

89.window.location.reload() 刷新当前页面.

89-1.parent.location.reload() 刷新父亲对象（用于框架）

89-2.opener.location.reload() 刷新父窗口对象（用于单开窗口）

89-3.top.location.reload() 刷新最顶端对象（用于多开窗口）

90.window.history.back() 返回上一页, window.history.forward() 返回下一页, window.history.go(返回第几页, 也可以使用访问过的URL)

91.document.write() 不换行的输出, document.writeln() 换行输出

92.document.body.noWrap=true; 防止链接文字折行.

93.charAt(第几位) 取该变量的第几位的字符.

94."abc".charCodeAt(índice), devuelve el valor ASCII del carácter en la posición especificada.

95.unión de cadenas: string.concat(string2), o usar+= realiza la conexión

96.indexOf("carácter",posiciónInicial), devuelve la posición de la primera aparición (se cuenta desde 0)

97.string.lastIndexOf(buscarCadena[,inicioDeÍndice]), posición de la última aparición.

98.string.match(expresiónRegular), determina si los caracteres coinciden.

99.string.replace(expresiónRegular,cadenaDeReemplazo) reemplaza la cadena existente.

100.string.split(separador) devuelve un array que almacena valores.

101.string.substr(start[,length]): toma una cadena desde la posición especificada hasta la longitud especificada.

102.string.toLowerCase(): cambia la cadena completa a minúsculas.

103.string.toUpperCase(): cambia todos los caracteres a mayúsculas.

104.parseInt(string[,radix(representa el sistema de numeración)]) convierte a entero.

105.parseFloat(string[,radix]): convierte a flotante.

106.isNaN(Variable): prueba si es de tipo numérico.

107Palabra clave para definir constantes: const, palabra clave para definir variables: var

Esto es todo el contenido de este artículo, espero que el contenido de este artículo pueda proporcionar cierta ayuda a su aprendizaje o trabajo, y también espero que reciban más apoyo a la tutorial de grito!

Declaración: el contenido de este artículo se obtiene de la red, pertenece al propietario original, el contenido se contribuye y carga espontáneamente por los usuarios de Internet, este sitio no posee los derechos de propiedad, no se ha realizado procesamiento editorial humano y no asume responsabilidades legales relacionadas. Si encuentra contenido sospechoso de infracción de derechos de autor, le invitamos a enviar un correo electrónico a: notice#oldtoolbag.com (al enviar un correo electrónico, reemplace # con @ para denunciar y proporcione evidencia. Una vez verificada, este sitio eliminará inmediatamente el contenido sospechoso de infracción de derechos de autor.)