Форум

rusplamen · #1 (**permalink**) 14.10.2019, 14:01

Добрый день всем!
Помогите составить регулярное выражение.

Есть в html-коде например такие ссылки:
<a href="https://javascript.ru/forum/" rel="noopener nofollow">Форум</a>
<a href="https://javascript.ru/forum/" rel="noopener follow">Форум</a>
<a href="https://javascript.ru/forum/" rel="opener nofollow">Форум</a>
<a href="https://javascript.ru/forum/" rel="nofollow">Форум</a>
<a href="https://javascript.ru/forum/" rel="noopener">Форум</a>
<a rel="noopener nofollow" href="https://javascript.ru/forum/">Форум</a>
<a href='https://javascript.ru/forum/' rel=noopener nofollow>Форум</a>
<a href=https://javascript.ru/forum/ rel='noopener nofollow'>Форум</a>
<a href=https://javascript.ru/forum/ rel="">Форум</a>
<a href=https://javascript.ru/forum/>Форум</a>

Задача следующая:
На вход идёт определенная ссылка, в данном случае https://javascript.ru/forum/
Необходимо определить наличие данной ссылки в коде, где нет вхождения в теге <a> noopener или nofollow.
При этом в атрибутах могут быть как двойные или одинарные кавычки, даже может и не быть кавычек (такое тоже встречал), а также атрибут rel может встречаться и до атрибута href и после него.

На выходе, учитывая список ссылок выше, должны остаться такие ссылки:
<a href=https://javascript.ru/forum/ rel="">Форум</a>
<a href=https://javascript.ru/forum/>Форум</a>

Мне нужна регулярка только. Я пока не очень силён в них. Спасибо!

laimas · #2 (**permalink**) 14.10.2019, 14:33

<a href='https://javascript.ru/forum/' rel=noopener nofollow> - это ошибка, нельзя оставлять вне кавычек строки с пробелом, да и вообще значения атрибутов вне без кавычек, это не гут.

var a = [...document.getElementsByTagName('a')].filter((a)=>{
   return !a.rel     
});

console.log(a)

rusplamen · #3 (**permalink**) 14.10.2019, 14:49

Да, ошибка. Но, встречал такое в коде, что есть без кавычек, но браузер интерпретирует для пользователя с кавычками.
Например, я открываю F12 - атрибут с кавычками, открываю исходный код (Ctrl + U) - тот же атрибут без кавычек. А скрипт, "дергает" именно тот код, который без кавычек.
Мне нужна именно регулярка. Я пишу скрипт в GAS (Google App Script).

laimas · #4 (**permalink**) 14.10.2019, 14:58

Сообщение от rusplamen

Но, встречал такое в коде, что есть без кавычек, но браузер интерпретирует для пользователя с кавычками.

Это ошибка, никаких интерпретаций не будет:

<input value=one two />

Значением будет то, что до первого пробела, остальное будет мусором, тоже самое будет и rel=noopener nofollow.

ksa · #5 (**permalink**) 14.10.2019, 15:02

Сообщение от rusplamen

Помогите составить регулярное выражение.

Оно тут не нужно...

Достаточно использовать селекторы

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	var str='a[href^="https://javascript.ru/forum/"][rel*="noopener"],';
	str+='a[href^="https://javascript.ru/forum/"][rel*="nofollow"]';
	var o=$(str).hide();
});
</script>
</head>
<body>
<a href="https://javascript.ru/forum/" rel="noopener nofollow">Форум 1</a>
<a href="https://javascript.ru/forum/" rel="noopener follow">Форум 2</a>
<a href="https://javascript.ru/forum/" rel="opener nofollow">Форум 3</a>
<a href="https://javascript.ru/forum/" rel="nofollow">Форум 4</a>
<a href="https://javascript.ru/forum/" rel="noopener">Форум 5</a>
<a rel="noopener nofollow" href="https://javascript.ru/forum/">Форум 6</a>
<a href=https://javascript.ru/forum/ rel='noopener nofollow'>Форум 7</a>
<a href=https://javascript.ru/forum/ rel="">Форум 8</a>
<a href=https://javascript.ru/forum/>Форум 9</a>
</body>
</html>

ksa · #6 (**permalink**) 14.10.2019, 15:08

Сообщение от rusplamen

Мне нужна именно регулярка.

Регулярки не отрабатывают сразу условия типа "должно быть это и это, пофиг в какой последовательности"...

rusplamen · #7 (**permalink**) 14.10.2019, 15:10

Я пишу на Google App Script. Здесь jquery не подходит

laimas · #8 (**permalink**) 14.10.2019, 15:14

Сообщение от rusplamen

Мне нужна именно регулярка.

То есть <a..., это текст?

ksa · #9 (**permalink**) 14.10.2019, 15:21

rusplamen, вот вариант с проверкой 2-х регулярок... Но раздельных.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	var re1=/href=["']?https:\/\/javascript\.ru\/forum\//;
	var re2=/rel=["']?[^"']*(noopener|nofollow)/;
	$('div').each(function(){
		var str=this.innerHTML;
		var txt=$(this).text();
		if (re1.test(str) && re2.test(str)) {
			$(this).append(' - no');
		};
	});
});
</script>
</head>
<body>
<div>
<a href="https://javascript.ru/forum/" rel="noopener nofollow">Форум 1</a>
</div>
<div>
<a href="https://javascript.ru/forum/" rel="noopener follow">Форум 2</a>
</div>
<div>
<a href="https://javascript.ru/forum/" rel="opener nofollow">Форум 3</a>
</div>
<div>
<a href="https://javascript.ru/forum/" rel="nofollow">Форум 4</a>
</div>
<div>
<a href="https://javascript.ru/forum/" rel="noopener">Форум 5</a>
</div>
<div>
<a rel="noopener nofollow" href="https://javascript.ru/forum/">Форум 6</a>
</div>
<div>
<a href=https://javascript.ru/forum/ rel='noopener nofollow'>Форум 7</a>
</div>
<div>
<a href=https://javascript.ru/forum/ rel="">Форум 8</a>
</div>
<div>
<a href=https://javascript.ru/forum/>Форум 9</a>
</div>
</body>
</html>

ksa · #10 (**permalink**) 14.10.2019, 15:23

Сообщение от rusplamen

Здесь jquery не подходит

Это стандартные ЦСС-селекторы... jQuery используется т.с. для пущей иллюстрации.

Форум

Справочник

Discord чат

Курсы javascript