javascript: <a> 元素

frase original: https: //wangdoc.com/javascript/index.html

<a> elemento

<a>Elemento se utiliza para establecer el enlace. Además de interfaz común (elementos de la página Nodede interfaz de Elementlas interfaces, HTMLElementinterfaces), hereda la HTMLAnchorElementinterfaz y la HTMLHyperlinkElementUtilsinterfaz.

propiedad

propiedades relacionadas con la URL-

<a>Hay una serie de elementos relacionados con el atributo de URL puede ser utilizado para hacer funcionar la dirección del enlace. El significado de estos atributos puede referirse a Locationun atributos de instancia de objeto.

• identificador de segmento (en: hash de #comienzo)
• host: host y el puerto (puerto por defecto 80 y 443 se omitirá)
• nombre de host: nombre de host
• href: URL completa
• origen: el protocolo, el nombre de dominio y el puerto
• contraseña: contraseña antes de que el nombre de host
• nombre de ruta: Ruta (al /principio)
• Puerto: Puerto
• protocolo: Protocolo (que comprende de arrastre de colon :)
• Búsqueda: la cadena de consulta (para ?empezar)
• Nombre de usuario antes de que el nombre de host: nombre de usuario

// HTML 代码如下
// <a id="test" href="http://user:[email protected]:8081/index.html?bar=1#foo">test</a>
var a = document.getElementById('test');
a.hash // "#foo"
a.host // "example.com:8081"
a.hostname // "example.com"
a.href // "http://user:[email protected]:8081/index.html?bar=1#foo"
a.origin // "http://example.com:8081"
a.password // "passwd"
a.pathname // "/index.html"
a.port // "8081"
a.protocol // "http:"
a.search // "?bar=1"
a.username // "user"

Además origindel atributo es de sólo lectura, las propiedades anteriores son de lectura y escritura.

propiedad accessKey

accessKeyPropiedad se utiliza para leer y escribir <a>atajo elementos clave.

// HTML 代码如下
// <a id="test" href="http://example.com">test</a>
var a = document.getElementById('test');
a.accessKey = 'k';

El código anterior establece <a>el elemento clave de acceso directo k, después sólo tiene que pulsar las teclas de acceso directo, el navegador va a saltar a example.com.

Tenga en cuenta que diferentes navegadores en diferentes sistemas operativos, evocan la combinación de teclas de acceso directo tecla de función es lo mismo que el. Por ejemplo, el navegador Chrome en sistemas Linux, hay que pulsar Alt + k, saltará a example.com.

descargar la

downloadAtributo indica el enlace actual no se utiliza para navegar, pero para descarga. Su valor es una cadena que representa el nombre del archivo descargado del usuario.

// HTML 代码如下
// <a id="test" href="foo.jpg">下载</a>
var a = document.getElementById('test');
a.download = 'bar.jpg';

El código anterior, el <a>elemento es un enlace de imagen, por defecto, haga clic en la imagen se cargará en la ventana actual. Configurar downloaddespués de la propiedad, y luego haga clic en este enlace, el cuadro de diálogo que pide al usuario para guardar la ubicación que se descarga y descargar el archivo con el nombre bar.jpg.

atributo hreflang

hreflangPropiedad se utiliza para leer y escribir <a>elementos del atributo HTML hreflangindica el idioma de enlaces a recursos, como por ejemplo hreflang="en".

// HTML 代码如下
// <a id="test" href="https://example.com" hreflang="en">test</a>
var a = document.getElementById('test');
a.hreflang // "en"

propiedad referrerPolicy

referrerPolicyPropiedad se utiliza para leer y escribir <a>elementos del atributo HTML referrerPolicy, especificado cuando el usuario hace clic en el enlace, cómo enviar información a HTTP de cabecera referercampos.

HTTP información de la cabecera refererde campo, indica la petición actual de procedencia. Se puede formatear el <a>elemento de referrerPolicypropiedad especificada, hay tres valores se pueden seleccionar.

• no-referrer: No envíe referercampo.
• origin: refererValor del campo es <a>el elemento de originatributos, es decir, el nombre del protocolo + anfitrión + puerto.
• unsafe-url: refererEl valor del campo es la originpropiedad más el camino, pero no contiene el #fragmento. La información en este formato proporciona el mayor nivel de detalle, puede haber riesgo de fuga de información.

// HTML 代码如下
// <a id="test" href="https://example.com" referrerpolicy="no-referrer">test</a>
var a = document.getElementById('test');
a.referrerPolicy // "no-referrer"

atributo rel

relPropiedad se utiliza para leer y escribir <a>elementos de atributos HTML rel, se muestra la relación entre el enlace al documento actual.

// HTML 代码如下
// <a id="test" href="https://example.com" rel="license">license.html</a>
var a = document.getElementById('test');
a.rel // "license"

propiedad tabIndex

tabIndexvalor del atributo es un entero, para la lectura y escritura de la corriente <a>elemento en el documento en el orden de recorrido tecla Tab.

// HTML 代码如下
// <a id="test" href="https://example.com">test</a>
var a = document.getElementById('test');
a.tabIndex // 0

La propiedad de destino

targetPropiedad se utiliza para leer y escribir <a>elementos de atributos HTML target.

// HTML 代码如下
// <a id="test" href="https://example.com" target="_blank">test</a>
var a = document.getElementById('test');
a.target // "_blank"

atributos de texto

textPropiedad se utiliza para leer y escribir <a>elementos del texto del enlace, igual al nodo actual textContentatributos.

// HTML 代码如下
// <a id="test" href="https://example.com">test</a>
var a = document.getElementById('test');
a.text // "test"

propiedades de tipo

typePropiedad se utiliza para leer y escribir <a>elementos del atributo HTML typeindica el tipo MIME del destino del enlace.

// HTML 代码如下
// <a id="test" type="video/mp4" href="example.mp4">video</a>
var a = document.getElementById('test');
a.type // "video/mp4"

método

<a>Método de los Elementos se heredan, principalmente en los siguientes tres.

• blur(): quita el foco del teclado del elemento actual, ver la HTMLElementinterfaz de presentación.
• focus(): El elemento actual para obtener el foco del teclado, detallada HTMLElementdescripción de la interfaz.
• toString(): Devuelve el actual <a>atributo HTML del elemento href.