Defining (embedding) Javascript

Question

I would like to collect all possible ways with which JavaScript can be defined in the web page for execution.

So far I know the basic part:

script tag
external script
element attributes that start with "on"
inside some tag: WIDTH="&{barWidth};%" ALIGN="LEFT"
CSS IE: style="left:expression(document.body.clientWidth/2-oDiv.offsetWidth/2);"
DHTML behavior in IE
in links: href="javascript:alert('Hi')"

Thanks!

jfriend00 · Accepted Answer · 2011-09-29 05:52:12Z

2

In links, <a href="javascript:alert('Hi')">

answered Sep 29, 2011 at 5:52

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

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

1 Comment

Andrew D. Over a year ago

Hmm, one or two year ago this code (javascript in href tag of anchor a) does not work in Opera. href attribute is not valid place for javascript.

katspaugh · Accepted Answer · 2011-09-29 08:15:24Z

1

More fugly things:

CSS expressions in IE — allows defining CSS properties as JavaScript expressions, which are evaluated on every possible DOM-event (on every mouse move, scroll step and so on).

DHTML Behaviors in IE — can bind .htc-files with JScript to HTML elements through CSS.

XBL bindings, Mozilla's invention, can be defined via CSS as well.

edited Sep 29, 2011 at 8:15

answered Sep 29, 2011 at 8:05

katspaugh

18k12 gold badges69 silver badges107 bronze badges

2 Comments

zpavlinovic Over a year ago

So this CSS expressions are only characteristic for IE. Other browser will encounter it as a error?

katspaugh Over a year ago

Other browsers just ignore unknown/erroneous CSS values.

amosrivera · Accepted Answer · 2011-09-29 14:28:47Z

1

I think the only one left is in the href attribute of ~~anchors~~ links like:

<a href="javascript:alert('hello, world!');">Say Hello</a>

This is how bookmarklets work.

This document describes all ways of embedding: http://docstore.mik.ua/orelly/webprog/jscript/ch12_02.htm

edited Sep 29, 2011 at 14:28

answered Sep 29, 2011 at 5:52

amosrivera

26.6k9 gold badges70 silver badges76 bronze badges

5 Comments

RobG Over a year ago

If it has an href attribute it is a link. It might also be an anchor if it has a name attribute, but the above shows only a link.

zpavlinovic Over a year ago

So this syntax is just binded to the href attribute or browsers will execute it anywhere?

amosrivera Over a year ago

@bellpeace it is binded to the href

RobG Over a year ago

Just for the record, the present tesnse of "bind" is "bound", not "binded".

zpavlinovic Over a year ago

Sorry, I am not from country where English is dominant language, so sometimes I miss tense.

Collectives™ on Stack Overflow

Defining (embedding) Javascript

3 Answers 3

1 Comment

2 Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related