2014-11-15 3 views
1

У меня есть изображение, как так:Могу ли я использовать javascript: this.child.src для href ссылки?

<a href="javascript:this.child.src" target="_blank"><img src="http://placekitten.com/g/300/200"/></a> 

Как вы можете видеть, я хочу ссылку, чтобы открыть местополжения <img> «s в новой вкладке. Я попробовал this.child.src и еще несколько вещей. Как мне сделать href получить местоположение изображения и открыть его на новой вкладке?

Кроме того, есть ли ресурс, где я могу найти список допустимых значений this.?

ответ

2

Если возможно, я бы разместил <img src /> непосредственно в href и НЕ использовал javascript для этого. Если вам действительно нужно делать в javascript, почему бы так не сделать с onclick. Но это не приятно вообще по разным причинам ..

<a 
    href="javascript:;" 
    onclick="window.open(this.childNodes[0].src,'_blank');" 
> 
    <img src="http://placekitten.com/g/300/200"/> 
</a> 

http://jsfiddle.net/0hmtcvtm/

+0

Спасибо за ваш ответ. Вы знаете о месте, где я вижу все значения, которые я могу положить после «этого»? –

+0

@Godisgood, пожалуйста. Лучшее место - google, но вы можете попробовать bing ;-) Возможно, эти ссылки помогут вам. '1.' http://www.quirksmode.org/js/this.html' 2.' https: // разработчик .mozilla.org/ru-US/docs/Web/JavaScript/Reference/Operators/this '3.' https://developer.mozilla.org/en-US/docs/Web/JavaScript – caramba

+1

@Godisgood: используйте'. children [0] 'вместо' .childNodes [0] '. Если вы в конечном итоге включите форматирование в виде пробелов, как описано выше, «.childNodes» предоставит вам текстовый узел перед '', но '.children' будет только давать вам элементы. –

Смежные вопросы