This question already has answers here:
window.open() add a rel="nofollow" attribute
(3 answers)
Closed 5 years ago.
I want to make the links in this javascript code nofollow. Please help me how to do that.
<img src="https://example.png/>
According to https://developer.mozilla.org/en-US/docs/Web/API/Window/open you can add a third parameter in the window.open method that is a comma separated string with name value pairs - but rel is not supported...
Seems like html may be a good option.
<a href="www.example.com" rel="nofollow" target="_blank" >Link</a>
If you need to do this from js you could trigger a click on the link.
Related
This question already has answers here:
Passing Javascript variable to <a href >
(8 answers)
Closed 3 years ago.
I have a javascript variable BASE_URL='http://localhost/BKTHP_WEB_NEW/';
Now I want to insert it inside a
something like <a href="BASE_URL+\view">
Use setAttribute to set the variable as a value for href
var BASE_URL='http://localhost/BKTHP_WEB_NEW/';
document.querySelector('a').setAttribute('href',BASE_URL)
<a href="">Link
You can use setAttribute on your a tag, and set the href dynamically
<a id="replace" href="">YOUR LINK</a>
const BASE_URL='http://localhost/BKTHP_WEB_NEW/';
document.querySelector('#replace').setAttribute('href', BASE_URL);
This question already has answers here:
What is href=javascript:;
(8 answers)
Closed 5 years ago.
What is the purpose of javascript:; in the href attributes of the hyperlinks?
<div data-trigger="spinner" id="spinner">
<span id="spinner-value"></span>
<input type="hidden" value="1" data-spin="spinner" data-rule="quantity" data-max="10">
-
+
</div>
the attribute href="javascript:;" is used to remove the behavior from the link.
If you would use eg. href="", the webpage would reload when you click the link. But with href="javascript:;" nothing will happen.
Later a script adds an event handler that will be executed when clicking this link.
EDIT: You need a or button elements as they are the semantic representatives for clickable objects.
To prevent links from refreshing webpage/redirecting you once clicked.
the purpose of "javascript:;" have save meaning with "javascript:void(0)"
Read here : javascript void functions
This question already has answers here:
How to change href of <a> tag on button click through javascript
(8 answers)
Closed 6 years ago.
How can I add a Url to the href tag with javascript? Can you help, please?
<a id="url-link" href="" onclick="" title="" class="btn">CLICK</a>
https://jsfiddle.net
Try this
var a = document.getElementById('url-link');
a.href="your link here";
This question already has answers here:
How to make HTML open a hyperlink in another window or tab?
(9 answers)
Closed 8 years ago.
How do I transform the first section of this document.write code into a popup link? Note the first part says "<a href=\"\/popups\/fed_budget.asp\"><img src=\"http:\/images\/video_graphic.jpg\, etc. How do I change that button link (video_graphic.jpg) to a popup instead of taking me to a different page? This is what I currently have:
document.write("<td width=\"251px\"><a href=\"\/popups\/fed_budget.asp\"><img src=\"http:\/images\/video_graphic.jpg\" alt=\"Video Graphic\" \/><\/a><\/td>");
document.write("<td style=\"padding-top:30px; padding-left:10px; padding-right:10px\">");
document.write("<b class=\"blue_text\">Recent News<\/b><br \/><br \/>");
document.write("<strong><a href=\"\/news\/newshub\/articles\/federal_budget_2014.asp\">Your Federal Budget Update<\/a> <\/strong> <b class=\"blue_text\">New<\/b><br \/>");
document.write("Read our run-down on the super side of this year's Budget.<br \/><br \/><br \/>");
document.write("<strong><a href=\"\/news\/newshub\/articles\/EOFY_Tips_tricks.asp\">EOFY tips and tricks<\/a><\/strong> <b class=\"blue_text\">New<\/b><br \/>");
document.write("Six strategies to help you get your super in shape.<br \/><br \/>");
document.write("<\/td>");
document.write("<\/tr>");
document.write("<\/table>");
Popup link? Did you mean open it in a new tab ?
Just add attribute target="_blank" to the a tag.
Something like:
<a target="_blank" href="..."><img src="..." /></a>
Ps.: Avoid using document.write
target=“_blank” vs. target=“_new”
HTML <a> target Attribute
If opening the link in another window is what you mean by "popup," the simplest thing for you to do would be to add a target attribute to your link, so it looks like this:
<img src="http://images/video_graphic.jpg" alt="Video Graphic"/>
If, instead, you want to open this in a simplified new window, you'll have to use a JavaScript click handler that calls window.open:
...
Oh, and I'd parrot the whole "don't use document.write ever" philosophy.
This question already has answers here:
change html text from link with jquery
(7 answers)
Closed 7 years ago.
I have the following html structure:
<div class="event tiny">
Something
</div>
And I want to replace the text of this link with "Anything" …
When doing this …
$('.event a').replaceWith("Anything");
… the text is replaced but also the link is gone.
When doing this …
$('.event a').text().replaceWith("Anything");
… nothing happens.
Like this, if the new text is all the same.
$('.event a').text("Anything");
jQuery loops over the a elements, and replaces its content with the "Anything" text.
These suggestions, for setting the inner text & URL link within a a href didn't work for me (using JQuery v1.8.3)
Here's what did work though:
HTML
<a id="hrefAnalysisName" ></a>
JavaScript
$("a#hrefAnalysisName").attr("href", "/SomePage/ShowAnalysisDetails.aspx");
$("a#hrefAnalysisName").text("Show analysis");
Hope this helps!
You could also change the link by href if it's related to the URL.
$('a[href="/whatever"]').text("Anything");
You are able to get this result the next ways result will be the same:
HTML
<div class="event tiny">
<a class="html" href="/whatever">Something</a></br>
<a class="text" href="/whatever">Something</a></br>
<a class="replaceWith" href="/whatever">Something</a>
</div>
JS
$('.event a.html').html('Anything-html')
$('.event a.text').text('Anything-text')
$('.event a.replaceWith').replaceWith('<a class="replaceWith" href="/whatever">Anything-replaceWith</a>')