Отображать имя страницы в JavaScript? -- javascript поле с участием url пол Связанный проблема

Display page name in javascript?


0
vote

проблема

русский

Как бы я добавил <код> location.href.split('/').pop() к документу HTML для отображения имени страницы? (Не весь URL) я хотел бы отобразить только имя страницы.

Пример: Если страница была «www.example.com/whaterver/mypage.html» Это будет отображать «MyPage».

Какой был бы полный скрипт? Я новичок в JavaScript, и я нашел это онлайн, но я не знаю весь код. кто-нибудь может помочь мне?

Английский оригинал

How would I add location.href.split('/').pop() to a html document to display the page name? (not the whole URL) I would like to display the page name ONLY.

example: if the page was "www.example.com/whaterver/mypage.html" it would display "mypage".

What would be the full script? I am new to javascript and I found this online but I don't know the whole code. could anyone help me out?

</div
     
 
 

Список ответов

3
 
vote

Я бы накопил его в функции, если вам нужно использовать его в другом месте в вашем коде. Просто разделите имя страницы в конце и возьмите первый элемент:

 <код> function getPageName(url) {   return url.split('/').pop().split('.')[0]; }   

Вы можете пройти в реальном URL:

 <код> var pageName = getPageName('www.example.com/whaterver/mypage.html'); // mypage   

или, с помощью <код> location.href :

 <код> var pageName = getPageName(location.href); // mypage   

Я также может быть склонен вернуть что-то, если нет совпадения для <код> *.html , поэтому вот пересмотренная функция, которая возвращает NULL, если нет совпадения:

 <код> function getPageName(url) {   var pageName = url.split('/').pop().split('.')[0];   return pageName.length > 0 ? pageName : null; }   

Demo

 

I would stick it in a function in case you need to reuse it elsewhere in your code. Just split the page name at the end and take the first element:

function getPageName(url) {   return url.split('/').pop().split('.')[0]; } 

You can pass in the actual URL:

var pageName = getPageName('www.example.com/whaterver/mypage.html'); // mypage 

Or, using location.href:

var pageName = getPageName(location.href); // mypage 

I might also be inclined to return something if there is no match for *.html, so here's a revised function that returns null if there isn't a match:

function getPageName(url) {   var pageName = url.split('/').pop().split('.')[0];   return pageName.length > 0 ? pageName : null; } 

DEMO

</div
 
 
 
 
0
 
vote

Примечание.


Вы можете найти последнюю пересланную косулью и найдите вперед для первого <код> . , <код> ? , <код> function getPageName(url) { return url.split('/').pop().split('.')[0]; } 0 или <код> function getPageName(url) { return url.split('/').pop().split('.')[0]; } 1 Чтобы поймать вариации URL. Это эквивалент PHP's baseName

 <код> function getPageName(url) {   return url.split('/').pop().split('.')[0]; } 2  

и используйте это так

 <код> function getPageName(url) {   return url.split('/').pop().split('.')[0]; } 3  

из

 <код> function getPageName(url) {   return url.split('/').pop().split('.')[0]; } 4  

<Сильные> Результаты:

 <Код> function getPageName(url) {   return url.split('/').pop().split('.')[0]; } 5  

Jsbin Demo

 

Note: If you do .split('.') like other solutions instruct, you will miss the base names from many URLs.


You can find the last forward slash and search ahead for the first ., ?, & or # to catch variations of URLs. This is the equivalent of PHP's basename

function getBaseName(url) {   if(!url || (url && url.length === 0)) {     return "";   }   var index = url.lastIndexOf("/") + 1;   var filenameWithExtension = url.substr(index);   var basename = filenameWithExtension.split(/[.?&#]+/)[0];    // Handle '/mypage/' type paths   if(basename.length === 0) {     url = url.substr(0,index-1);     basename = getBaseName(url);   }   return basename ? basename : "";  } 

and use it like so

var url = "http://www.example.com/whaterver/mypage.html"; var file = getBaseName(url); 

of

var file = getBaseName(location.pathname); // The current script page 

Results:

http://www.example.com/whaterver/mypage/        =>  "mypage" http://www.example.com/whaterver/mypage.html    =>  "mypage"   http://www.example.com/whaterver/mypage         =>  "mypage"   http://www.example.com/whaterver/mypage/        =>  "mypage"   http://www.example.com/whaterver/mypage#works   =>  "mypage"   http://www.example.com/whaterver/mypage?ver=1   =>  "mypage" 

JSBin Demo

</div
 
 

Связанный проблема

0  Как вы загружаете файл JavaScript в объем  ( How do you load a javascript file into a scope ) 
Я пытаюсь выяснить, как загрузить содержимое файла JavaScript в объем. Причина этого я хочу иметь возможность иметь возможности подключения и воспроизведения ...

0  в то время как цикл превышает каждый метод  ( While loop over takes the each method ) 
Я добавляю элемент на страницу, используя статический номер в соответствии с кликом пользователя. Таким образом, элемент имеет серийный номер в соответствии с...

0  JavaScript Ball Collision  ( Javascript ball collision ) 
Я пытаюсь создать простую игру JavaScript с простыми физиками. Я могу определить, когда 2 шарика столкнулись, но у меня возникли проблемы с обработкой столкно...

0  Почему Autoseizecolumn () Loop, похоже, замораживает сценарий Google Apps?  ( Why does an autoresizecolumn loop seem to freeze a google apps script ) 
Все, что я пытаюсь сделать, это изменить размер всеми колонны в электронной таблице. Это автономная электронная таблица. Я использую: <код> function format(...

0  Google Map не отображает  ( Google map not displaying ) 
У меня есть карта Google, которая используется здесь: http://www.comehike.com/outdoors/birds/birds.php Теперь я вижу сообщения об ошибках .j для 1) Инициа...

2  Fullcalendar сейчас () индикатор позиционируется неправильно  ( Fullcalendar now indicator positioned wrongly ) 
в Fullcalendar, при настройке параметров Mintime и maxtime ныне () индикаторы не расположены должным образом. У меня есть jsfiddle , чтобы пока...

30  Как я могу использовать Nodejs с Windows 7? [закрыто]  ( How can i use nodejs with windows 7 ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> <Путь d = "M15 6.38A6.48 6.48 0 007.78. 04H-.02A6.49 6.49 0 002.05 ...

59  Дисплей Div в положении курсора в Textarea [дубликат]  ( Display div at cursor position in textarea ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> Этот вопрос уже есть ответы здесь : ...

0  OnClick = "Commentcheck ({{Meeting.people}})", ожидаемый идентификатор, строка или номер  ( Onclick authoritycheckmeeting people expected identifier string or num ) 
У меня возникли проблемы с отправкой <код> {{meeting.people}} Value на функцию JS. Код подписан на Сообщение об ошибке говорит: ожидаемый идентификатор, ст...

1  Форма подписки Rapidmail перенаправляет после подписки электронной почты - MailChimp  ( Rapidmail subscription form redirect after email subscription mailchimp ) 
Я создаю веб-страницу, которая включает в себя очень простую форму подписки, в основном собирая адреса электронной почты, заинтересованные в продукте. Для это...

-1  Что не так с этим кодом jQuery, его сумасшедшая? [закрыто]  ( What is wrong with this jquery code its driving my crazy ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> закрыт. Этот вопрос не соответствует Рекомендациям переполнения ...

0  Обновление происхождения перетаскивания / прокрутки после обновления данных с переходом в D3  ( Update drag scroll origin after an update of the data with transition in d3 ) 
Я работаю на диаграмме с перетаскиванием, масштабированием и обновлениями. Это в основном работает, однако, после добавления новых данных позиция перетаскиван...

4  Является ли хорошей идеей использовать условные зависимости в модулях AMD?  ( Is it a good idea to use conditional dependencies in amd modules ) 
Я думаю об использовании условий для указания модуля зависит в модульной системе AMD. Например, чтобы загрузить библиотеку на браузере и библиотеку на сервере...

0  Скрывая неупорядоченный список, когда у него нет элементов  ( Hiding an unordered list when it has no elements ) 
У меня есть проблема, которая кажется сначала, как общий язык No-Brainer и легкая задача. У меня есть плагин JavaScript на моей странице, который генерирует...

1  JavaScript: Получение идентификатора родителя из документа  ( Javascript getting the id of the parent from a document ) 
У меня возникли проблемы с тем, чтобы получить идентификатор родителя документа, который здесь «iFrame1». Как вы можете видеть, что JavaScript должен проживат...

Связанный проблема

0  Как вы загружаете файл JavaScript в объем 
0  в то время как цикл превышает каждый метод 
0  JavaScript Ball Collision 
0  Почему Autoseizecolumn () Loop, похоже, замораживает сценарий Google Apps? 
0  Google Map не отображает 
2  Fullcalendar сейчас () индикатор позиционируется неправильно 
30  Как я могу использовать Nodejs с Windows 7? [закрыто] 
59  Дисплей Div в положении курсора в Textarea [дубликат] 
0  OnClick = "Commentcheck ({{Meeting.people}})", ожидаемый идентификатор, строка или номер 
1  Форма подписки Rapidmail перенаправляет после подписки электронной почты - MailChimp 
-1  Что не так с этим кодом jQuery, его сумасшедшая? [закрыто] 
0  Обновление происхождения перетаскивания / прокрутки после обновления данных с переходом в D3 
4  Является ли хорошей идеей использовать условные зависимости в модулях AMD? 
0  Скрывая неупорядоченный список, когда у него нет элементов 
1  JavaScript: Получение идентификатора родителя из документа