Códigos clásicos que los ingenieros de front-end web deben conocer
1. Bloquea completamente el botón derecho del ratón y no tiene menú contextual.
También se puede utilizar para marcos de tablas en páginas web.
No
2. Deseleccionar para evitar copiar
3. No permitir pegar
4. Evitar copiar
5. >
6. El ícono frente a la barra de direcciones de IE se cambia a su propio ícono
Nota: Respecto a la creación del archivo favicon.ico. Primero puedes crear una imagen en FW, un pequeño icono para tu propio sitio web. Luego cambie los atributos del archivo a *.ico en ACD
vea, y luego coloque el archivo *.ICO que creó en el directorio de su servidor, y luego podrá usar el código anterior para darse cuenta de que cuando otros inicien sesión Cuando haces clic en tu sitio web, tu icono personalizado aparecerá en la barra de direcciones.
6. Puedes mostrar tu ícono en favoritos
Nota: El método de producción es el mismo que el anterior. Este es el ícono personalizado que aparece cuando otros agregan su URL a favoritos.
7. Cerrar el método de entrada
Descripción: Este código se utiliza para el envío de formularios. Es decir, no puede utilizar otros modos de método de entrada al ingresar datos.
8. Siempre traerá sus propios marcos.
Descripción: proporcione marcos.htm para su página web, que también es una forma de proteger la página web.
9. Evitar enmarcado
10. La página no se guardará como
Descripción: una amplia gama de usos, uno de los cuales es invalidar anuncios JS.
11. Verifique el archivo fuente
onclick=window.location='view-source:'+target=_blank>#/test.htm';>
12.Los registros de script COOKIE tienen muchos usos
functionget_cookie(Name){
varsearch=Name+=
varreturnvalue=;
if(documents.cookie.length>0){
offset=documents.cookie.indexOf(search)
if(offset!=-1){//ifcookieexists
offset+=search.length
//setindexofbeginningofvalue
end=documents.cookie.indexOf(;,offset);
//setindexofendofcookievalue
if(end==-1)
end=documents.cookie.length;
returnvalue=unescape(documents.cookie.
}< / p>
}
returnvalue=unescape(documents.cookie.substring(offset,end))
}
}
valor de retorno;
}
funciónloadpopup(){
if(get_cookie('popped')==''){
openpopup()
documents.cookie =popped=yes
}
}
Nota: Lo anterior es código JS, créelo hágalo usted mismo Agregue caracteres iniciales y finales
13. Es un archivo HTML, o puede ser texto, ASP, etc.
ancho, alto: el ancho y alto del archivo interno área de marco;
desplazamiento: cuando la visualización SRC del archivo HTML especificado en el área especificada está incompleta, la opción de desplazamiento, si se establece en NO, la barra de desplazamiento no aparecerá si es Automática; La barra de desplazamiento aparecerá automáticamente
FrameBorder: el ancho del borde del área, generalmente establecido en 0 para permitir que el "marco interior" se mezcle con el contenido adyacente.
nombre: nombre del marco, utilizado para la identificación.
Por ejemplo, cuando desee controlar el marco interior con el marco principal, puede utilizar: destino=nombre del marco.
Ejemplo:
14. Salto automático
En el código fuente del siguiente código:
charset=gb2312>
Descripción: content=3 significa actualizar a la URL en 3 segundos
15. Cómo cambiar el enlace a la forma del mouse
Simplemente agregue este código al enlace.
O escribe en CSS como arriba
style=cursor:hand
style=cursor:crosshair
style=cursor: text
estilo=cursor.mano
estilo=cursor.mano
estilo=cursor.manoespera
estilo=cursor:mover
estilo=cursor:ayuda
estilo=cursor:e-resize
estilo=cursor:n-resize
estilo=cursor :nw - cambiar tamaño
estilo=cursor:w-resize
estilo=cursor:s-resize
estilo=cursor:se-resize
style=cursor:sw-resize
Puedes diversificar tu cursor simplemente agregando el código al enlace o a la sección de estilo de la página.
El anterior es el artículo que quiero compartir con ustedes hoy sobre el código clásico que los ingenieros de front-end web deben conocer. Espero que este artículo pueda ser útil para los amigos que se dedican al trabajo de front-end web. y quieran saber más Amigos que sepan más sobre el front-end web, recuerden prestar atención a la capacitación web en el sitio web oficial de Beida Jade Bird. Finalmente, les deseo todo lo mejor en su trabajo ~
.Este artículo es una reproducción de Java Snow Leopard Software Studio (ID: czh_668899)
*Declaración: El contenido y las imágenes provienen de Internet (parte del contenido ha sido modificado) y los derechos de autor pertenecen al Autor original. Si la fuente de la información es incorrecta o se infringen los derechos de la fuente, comuníquese con nosotros para su eliminación o autorización.
Me gustó y no me gustó ¿Cuál es su valoración de esta respuesta? Los comentarios están cerrados Servicios de abogados recomendados: si su problema no se resuelve, describa su problema en detalle y obtenga una consulta profesional gratuita a través de Baidu Law Bao para otros problemas similares. 2022-10-28 Fragmentos de código JavaScript que los ingenieros de front-end web deben dominar (1) 2023-07-27 ¿Qué es un ingeniero de front-end web? 2023-04-26 Acerca de los ingenieros de front-end web2019-08-21 ¿Qué idiomas utilizan principalmente los ingenieros de front-end web? ingeniero2016-05-12Tecnologías básicas de los ingenieros front-end web2017 -08-17 Además de poder escribir código, las 7 principales habilidades que deben tener los ingenieros front-end 2023-04-26 ¿Qué es un ingeniero de desarrollo web front-end? Recomendado para usted: recomiendo especialmente F.context('cmsRight', [ { 'url':'/ d01373f082025aaf511aa256e9edab64034f1a07?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_450%2Ch_ 600%2Climit_1%2Fquality%2Cq_85%2 Fformato% 2Cf_auto', 'contractId':'A24KA00562 ', }]); ¿Son confiables los teléfonos móviles de segunda mano en Huaqiangbei? ¿Por qué el tratamiento del cáncer es cada vez más caro? El precio de los vehículos eléctricos se ha reducido muchas veces, ¿está garantizada la calidad? ¿Cuál es el impacto de los "baños cibernéticos"? Recomendado para ti F.context('recBrand',[{"img":"\/86d6277f9e2f07083523f69dfb24b899a901f20d?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_450%2Ch_ 600%2Climit_1%2Fquality%2Cq_85% t%2Cf_auto", "url":"/hm.js?6859ce5aaf00fb00387e6434e4fcc925"; var s = document.getElementsByTagName("script")[0];