ホームページ >ウェブフロントエンド >jsチュートリアル >javascript_javascript のヒントでハイパーリンク ジャンプを無効にする方法
javascript_javascript のヒントでハイパーリンク ジャンプを無効にする方法
- WBOYオリジナル
- 2016-05-16 15:16:411875ブラウズ
この記事の例では、JavaScript でハイパーリンク ジャンプを無効にする方法について説明します。参考のために皆さんと共有してください。詳細は次のとおりです:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS阻止链接跳转</title>
</head>
<body>
<div align="center">
<table width="300" height="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#66CCFF">
<tr>
<td align="center"><a href="http://www.jb51.net" id="testLink">点击此链接</a>
<script type="text/javascript">var test = document.getElementById('testLink');
test.onclick = function(e) {
alert('链接地址是：' + this.href + ', 不过不会直接跳转');
stopDefault(e);
}
</script></td>
</tr>
</table>
</div>
</body>
</html>
JavaScript 関連のコンテンツに興味のある読者は、このサイトの特別トピック「JavaScript アニメーションの特殊効果とテクニックのまとめ」、「JavaScript オブジェクト指向入門チュートリアル」を参照してください。 " および "JavaScript のデータ構造とアルゴリズムのスキルのまとめ》
この記事が JavaScript プログラミングのすべての人に役立つことを願っています。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。