How to pass URL as a variable in <object> data?

Question

Inside my JavaScript I have the following variable:

url = A + 'abc/' + B + '.test';

A & B are the variables. when I am doing alert(url); I am getting the correct URL. I want to pass this url variable in the object.

<object style="width:100%; height:100%;" data="(URL as variable)"></object>

How should I pass the URL as variable?
Is it possible to call javaScript function on data="someFun()" ?
```
function someFun(){
   url = A + 'abc/' + D + '.test';
}
```

and then

<object style="width:100%; height:100%;" data="someFun()"></object>

If yes, which approach is better passing variable or calling a function in case of URL ?

Praveen Kumar Purushothaman · Accepted Answer · 2015-08-20 10:16:34Z

2

The JavaScript cannot get executed inside data=. So you might need to use:

element.setAttribute("data", url);

After the url variable is declared.

To call a function on data="someFun()", you need to select using:

document.querySelectorAll('[data="someFun()"]')[0];

answered Aug 20, 2015 at 10:16

Praveen Kumar Purushothaman

167k27 gold badges215 silver badges261 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Vaibhav Jain Over a year ago

There is no way to pass javascript variable inside the data="<variable>" correct ? I am using object to append/load the result of url in the div like : $("#result").html('<object style="width:100%; height:100%;" data="url"></object>');

Praveen Kumar Purushothaman Over a year ago

Do that data="' + url + '"></object>' way!

Collectives™ on Stack Overflow

How to pass URL as a variable in <object> data?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related