AngularJS 打开新的标签页实现代码


Posted in Javascript onSeptember 07, 2017

废话不多说了,直接给大家贴代码了,具体代码如下所示:

<!DOCTYPE html> 
<html ng-app="myPro"> 
  <head> 
    <meta charset="UTF-8"> 
    <title>angularJS-打开新的标签页</title> 
    <script type="text/javascript" src="js/angular.min.js" ></script> 
    <script type="text/javascript" src="js/jquery-1.11.0.js" ></script> 
  </head> 
  <body ng-controller="myProController"> 
    <button ng-click="click_this()">打开新的标签页</button> 
  </body> 
  <script> 
    var pro = angular.module("myPro",[]); 
    pro.controller("myProController",["$scope","$location",function($scope,$location){ 
      $scope.click_this = function(){ 
        var url = $location.absUrl().split("angularJS_")[0]+'angularJS_newTab.html'; 
        window.open(url,"_blank"); 
      }; 
    }]); 
  </script> 
</html>

总结

以上所述是小编给大家介绍的AngularJS 打开新的标签页实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript window.opener的用法分析
Apr 07 Javascript
js post方式传递提交的实现代码
May 31 Javascript
JavaScript 错误处理与调试经验总结
Aug 10 Javascript
javascript中with()方法的语法格式及使用
Aug 04 Javascript
使用jQuery制作浮动工具栏的实例分享
May 13 Javascript
基于JavaScript实现屏幕滚动效果
Jan 18 Javascript
纯JS实现可用于页码更换的飞页特效示例
May 21 Javascript
vue select选择框数据变化监听方法
Aug 24 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
May 17 Javascript
微信小程序与webview交互实现支付功能
Jun 07 Javascript
js getBoundingClientRect使用方法详解
Jul 17 Javascript
vue配置型表格基于el-table拓展之table-plus组件
Apr 12 Vue.js
基于Cookie常用操作以及属性介绍
Sep 07 #Javascript
基于require.js的使用(实例讲解)
Sep 07 #Javascript
基于vue.js路由参数的实例讲解——简单易懂
Sep 07 #Javascript
JQuery 获取多个select标签option的text内容(实例)
Sep 07 #jQuery
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 #jQuery
jQueryUI Sortable 应用Demo(分享)
Sep 07 #jQuery
Django使用多数据库的方法
Sep 06 #Javascript
You might like
php sprintf()函数让你的sql操作更安全
2008/07/23 PHP
在PHP中养成7个面向对象的好习惯
2010/07/17 PHP
PHP持久连接mysql_pconnect()函数使用介绍
2012/02/05 PHP
php+mysql查询实现无限下级分类树输出示例
2016/10/03 PHP
利用Laravel生成Gravatar头像地址的优雅方法
2017/12/30 PHP
js 利用className得到对象的实现代码
2011/11/15 Javascript
js捕获鼠标右键菜单中的粘帖事件实现代码
2013/04/01 Javascript
js中直接声明一个对象的方法
2014/08/10 Javascript
使用js实现的简单拖拽效果
2015/03/18 Javascript
jQuery插件ajaxfileupload.js实现上传文件
2020/10/23 Javascript
Vuejs第十二篇之动态组件全面解析
2016/09/09 Javascript
利用jQuery插件imgAreaSelect实现获得选择域的图像信息
2016/12/02 Javascript
如何在vue里添加好看的lottie动画
2018/08/02 Javascript
JS中FormData类实现文件上传
2020/03/27 Javascript
JavaScript 生成唯一ID的几种方式
2021/02/19 Javascript
python服务器端收发请求的实现代码
2014/09/29 Python
简单介绍Python中的try和finally和with方法
2015/05/05 Python
Python 用Redis简单实现分布式爬虫的方法
2017/11/23 Python
kaggle+mnist实现手写字体识别
2018/07/26 Python
python 自定义异常和异常捕捉的方法
2018/10/18 Python
Python3.5文件修改操作实例分析
2019/05/01 Python
Python流程控制 while循环实现解析
2019/09/02 Python
Python函数必须先定义,后调用说明(函数调用函数例外)
2020/06/02 Python
Python控制台实现交互式环境执行
2020/06/09 Python
如何用python开发Zeroc Ice应用
2021/01/29 Python
html5 postMessage前端跨域并前端监听的方法示例
2018/11/01 HTML / CSS
教师年终个人自我评价
2013/10/04 职场文书
捐款倡议书范文
2014/02/02 职场文书
电视购物广告词
2014/03/19 职场文书
本科生求职信
2014/06/17 职场文书
金融系毕业生自荐书
2014/07/08 职场文书
2014年群众路线党员自我评议
2014/09/24 职场文书
讲文明倡议书
2015/04/29 职场文书
银行求职信怎么写
2019/06/20 职场文书
深度学习详解之初试机器学习
2021/04/14 Python
Python尝试实现蒙特卡罗模拟期权定价
2022/04/21 Python