如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
href如何带参数
在浏览网页或者开发系统时,会看见链接里面带有参数或要求带参传值,这样可以精准定位页面的内容,实现主键快速访问。
如何实现href带参传值,请看详细内容。
工具/原料
- Dreamweaver CS6
- href,参数
方法/步骤
1、新建HTML,写入a>标签
打开Dreamweaver,新建一个网页html文件,并在body>标签中写入一句a>标签,可以跳转到本地80端口。如图:
2、用JavaScript定义参数
在页面中写入JavaScript脚本:
script language="javascript" type="text/javascript">
function getParams(key){
var keyList = [];
var valueList = [];
var hrefStr = decodeURIComponent(window.location.href);
var strArray = hrefStr.split("?");
var paramStr = strArray[1];
if((paramStr!=null)&&(paramStr!=null)){
var paramArray = paramStr.split("&");
for(var i=0;iparamArray.length;i ){
var param = paramArray[i];
valueList.push(param.substr(param.indexOf("=") 1));
keyList.push(param.substr(0,param.indexOf("=")));
}
for(var j=0;jkeyList.length;j ){
if(key==keyList[j]){
return valueList[j];
}
}
}
}
/script>
如图:
3、在a>标签中写入参数
a href="http://localhost/#?key=1&key1=2">我是带参传值/a>
如图:
4、美化布局
使用CSS对页面进行简单的布局和美化,看起来更美观。
如图:
5、查看效果
在浏览器打开当前网页,查看效果。
如图:
6、带参跳转
点击“我是带参传值”,跳转到另一个本地页面,可以看到链接里面已经带了原始页面赋值的参数。
如图:
注意事项
- 这是静态网页的带参传值,动态页面直接获取数据库标签即可。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 434 HTML