This is my index.js file:
function fun()
{
var obj;
}
This is my index.html file:
<script>
src="js/index.js"
</script>
I want to use variable obj here.
I saw some solutions to create a variable and pass in index.html but is there any way of injection?
Actually, obj is a JSON object. I forgot to mention that previously. How would I use the JSON object keys and values in my index.html outside of the script tag?
Try out AngularJS. With this, you can declare variables in $scope and use it in your html like:
JavaScript:
...some angular logic...
$scope.foo = "bar";
...some other angular logic...
HTML:
<p>{{foo}}</p>
There are many tutorials out there. Read the documentation. It may be what you are looking for.
Although there isn't any way to inject a JS variable into HTML simply, you can use a javascript function to do the same thing:
In index.js:
function fun()
{
return obj; // Assuming obj is a defined variable.
}
document.getElementById("toReplace").innerHTML = fun();
In index.html
<p id="toReplace"></p>
<script src="index.js"></script>
Essentially, your javascript will replace the content of the <p> tag, which has the ID "toReplace", with the value of fun().
objis local to thefun()function. Where are you trying to use it?attributeinside the tag.