从查询参数中获取链接标题&将它显示在页面的某个位置

时间:2017-04-03 12:24:01

标签: javascript angularjs

我知道如何从查询参数中获取链接标题并将其显示在我的目标网页上的某个位置?我正在思考一个标题,它表示"欢迎{无论链接标题是什么},并根据点击的链接进行更改。

<a ng-click="link.clicks=link.clicks+1" href="#/landing?=link={{link.linktitle}}"><span>{{ link.linktitle }}</span></a>

我的链接在浏览器中显示如下:

http://localhost:3000/#/landing?=broncos

我只需要野马部分或任何链接标题。

应该如下所示: example

所有重要功能都发生在controller.js文件中,但我需要显示&#34;(链接标题)真棒!部分在HTML页面上

1 个答案:

答案 0 :(得分:0)

你可以试试这个:

var str = "http://localhost:3000/#/landing?=link%3Dbroncos";
var pagenum = str.match(/link(.*)/)[1];
alert(pagenum); // %3Dbroncos

https://jsfiddle.net/7nbLs5ww/

编辑:

var str = "localhost:3000/#/landing?=broncos";
var pagenum = str.match(/landing\?\=(.*)/)[1];
alert(pagenum); // broncos

https://jsfiddle.net/7nbLs5ww/1/

编辑2:

var str = "http://www.your_url.com/landing/?link=wolverines";
var pagenum = str.match(/\?link\=(.*)/)[1];
document.getElementById("result").innerHTML = pagenum[0].toUpperCase() + pagenum.slice(1)+" are awesome!";

https://jsfiddle.net/7nbLs5ww/2/