用html 获得当前页面地址要如何写？

html-css029

用html 获得当前页面地址要如何写？,第1张

设置或获取整个 URL 为字符串具体代码为： window.location.href

例1、生成二维码为图片格式（优点：便于分享到微信、QQ或其他网页）

<script type="text/javascript" src="jquery-1.7.1.min.js"></script>

 <script type="text/javascript" src="jquery.qrcode.js"></script>

 <script type="text/javascript" src="qrcode.js"></script>  

<div id="divOne"></div>  

  <img id='imgOne'  style='border:1px solid red'/>  

<script>  

//默认使用Canvas生成，并显示到图片   

 var qrcode= $('#divOne').qrcode({

       text: window.location.href,//二维码代表的字符串（本页面的URL）

       width: 150,//二维码宽度

       height: 150//二维码高度

    }).hide()   

 var canvas=qrcode.find('canvas').get(0)  

 $('#imgOne').attr('src',canvas.toDataURL('image/jpg'))  

</script>

例2、生成二维码为非图片格式 （优点：便于生成速度快，不占用空间）

<script type="text/javascript" src="jquery-1.7.1.min.js"></script>

 <script type="text/javascript" src="jquery.qrcode.js"></script>

 <script type="text/javascript" src="qrcode.js"></script> <div id="qrcodeCanvas"></div>

<script>

    $('#qrcodeCanvas').qrcode({

       text: window.location.href,//二维码代表的字符串（本页面的URL）

       width: 150,//二维码宽度

       height: 150//二维码高度

    })

</script>

JavaScript采用的格式如下：

<Script Language="JavaScript">

JavaScript 语句

</Script>

把上述语句放在HTML的<head>与</head>之间，也可放在<body>与</body>之 间。将JavaScript标识放置<Head>… </Head>在头部之间，使之在主页和其余部分代码之前装载，从而可使代码的功能更强大；将JavaScript标识放置 在<Body>… </Body>主体之间以实现某些部分动态地创建文档。

例子：在网页上显示“你好！”。

<html>

<body>

<Script Language="JavaScript">

alert("你好！")

</script>

</body>

</html>

在浏览器地址栏直接执行JavaScript脚本

也可以在浏览器的地址栏中输入JavaScript语句，由浏览器直接执行。

如输入：javascript:alert(200*75)

四、调用JavaScript文件

可以将纯JavaScript的语句另外保存在一个"*.js"的文件中，需要时再调用。

例子：调用test.js文件，显示提示。

<html>

<body>

调用test.js文件

<script language="JavaScript" src="test.js">

</script>

</body>

</html>

test.js的文件内容如下：

alert("这是被调用的语句。")

<select name="select3" onChange="if(this.selectedIndex!=0)window.open(this.options[this.selectedIndex].value)" size="1" tabindex="1" class="font" style="font-size: 9pt"><option selected>请选择</option>

<option value="网址URL">显示文字</option><option value="网址URL">显示文字</option></select>