Suponga que ha proporcionado una página HTML y la tarea es obtener el nombre de archivo de una página HTML con la ayuda de JavaScript. Hay dos enfoques que se analizan a continuación:
Enfoque 1: en este enfoque, window.location.pathname devuelve la URL relativa de la página. Use el método split() para dividir la URL en «/» y el método pop() para obtener el último elemento de la array.
- Ejemplo: Este ejemplo implementa el enfoque anterior.
<!DOCTYPE html><html><head><title>How to get the name of afile using JavaScript</title><style>body {text-align: center;}h1 {color: green;}#geeks {font-size: 26px;font-weight: bold;color: green;}</style></head><body><h1>GeeksforGeeks</h1><p>Click on the button to getthe name of the file.</p><buttononclick="GFG_Fun();">click here</button><pid="geeks"></p><script>var down = document.getElementById('geeks');function GFG_Fun() {var path = window.location.pathname;down.innerHTML = path.split("/").pop();}</script></body></html> - Producción:
Enfoque 2: en este enfoque, location.pathname devuelve la URL relativa de la página. Use el método lastIndexOf() para obtener el último «/» y el método substring() para obtener el elemento después de «/» de la string.
- Ejemplo: Este ejemplo implementa el enfoque anterior.
<!DOCTYPE html><html><head><title>How to get the name ofa file in JavaScript</title><style>body {text-align: center;}h1 {color: green;}#geeks {font-size: 26px;font-weight: bold;color: green;}</style></head><body><h1>GeeksforGeeks</h1><p>Click on the button to getthe name of the file.</p><buttononclick="GFG_Fun();">click here</button><pid="geeks"></p><script>var down = document.getElementById('geeks');function GFG_Fun() {down.innerHTML = location.pathname.substring(location.pathname.lastIndexOf("/") + 1);}</script></body></html> - Producción:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA