0
\$\begingroup\$

You can place the script where you want the content to be checked and loaded in your design.

  • urlCheck is the name given to the function. You can change it, and if you do, change all urlCheck references within the code.

  • window.location.href returns the current address as http://.... Use this to identify certain pages on which you want the content to be loaded. Make as many if/else combinations as necessary.

  • document.write builds the content to be loaded first. Type with later in one unique line or create multiple document.writes for each line of your content.

<script language="JavaScript">
<!--
function urlCheck() {
if(
window.location.href=="address to check"
)
{
/* some code to load */
}else{
document.write('<div>testing my super loaded div code sample</div>')
}
}
urlCheck() /* autoLoadFunction */
//-->
</script>
\$\endgroup\$
4
  • 6
    \$\begingroup\$ I'd probably fix the indentation. \$\endgroup\$ Jun 24, 2013 at 7:58
  • \$\begingroup\$ Add // at the beginning of the line with <!-- or remove it from the line //--> \$\endgroup\$
    – Daniel
    Jun 24, 2013 at 8:11
  • 4
    \$\begingroup\$ What is your question? What is the first paragraph supposed to mean? \$\endgroup\$
    – svick
    Jun 24, 2013 at 8:31
  • 1
    \$\begingroup\$ Basic English lessons? Flaming aside, you do realize that we're here to do code review, and we do not accept anything that can't be answered? Because it seems like you want to use us as a blog, but we're not your personal blog. ... So, do you now have code which we can review? \$\endgroup\$
    – Bobby
    Jun 24, 2013 at 13:55

3 Answers 3

5
\$\begingroup\$
<script language="JavaScript">

The script tag does not have a property language anymore, that property is deprecated. You should use the property type instead. Also the correct value for that property would be text/javascript.


<!--

This is a relic from somewhere before all browsers could do JavaScript, please don't do it anymore.


function urlCheck() {

Nothing to say here. Except you should think about making it a habit to activate strict mode by default.


if(
window.location.href=="address to check"
)
{
/* some code to load */
}else{
document.write('<div>testing my super loaded div code sample</div>')
}
}
  • Your indentation and use of whitespace is completely broken, fix it.
  • I've never seen a single if which was split over three lines, fix it.
  • You should not use == unless you know what it is doing. == performs casting as necessary to compare two values, while === compares their type and value.
  • I'm not a fan of creating HTML-elements in a string (document.createElement()), but for sure the opinions differ on this one vividly.

urlCheck() /* autoLoadFunction */

I suggest you either write your code directly and don't wrap it in a function (because that does nothing if you're going to directly run it after declaring) like this:

<script type="text/javascript">
    if(window.location.href === "address to check") {
        // some code to load
    } else {
        document.write('<div>testing my super loaded div code sample</div>')
    }
</script>

Or run your code when the document is ready, by putting it at the end of the page (or use a framework which supports something like $(document).ready()):

<script type="text/javascript">
    urlCheck();
</script>

//-->

As I already said, that's a relic, stop doing it.

\$\endgroup\$
1
\$\begingroup\$

I use:

if(window.location.pathname === '/about'){
  //this is JavaScript for the about page
}
\$\endgroup\$
0
\$\begingroup\$

All above answers works, but we can also use Regular expressions

if (/StringtoCheck/.test(window.location.href))
{
 //yes it contains
}

Regex might help when conditions are a little bit tricky. Source: How to check if url contains a sub-string using jQuery or javascript?

OR you can simply use

if(window.location.href.indexOf("YourStringToCheck") != -1){
   //string found code here
}
\$\endgroup\$

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.