angular jq动态获取当前页面高度

最新推荐文章于 2021-07-30 16:08:08 发布

我要养一只大狗狗

最新推荐文章于 2021-07-30 16:08:08 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_40961515/article/details/80689599

本文介绍了一个AngularJS控制器中的简单实现，用于使网页内容高度自适应浏览器窗口大小的方法。通过获取当前浏览器窗口的高度，并将其赋值给指定的CSS类，从而确保网页内容能够根据浏览器窗口大小变化而自动调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

angApp.controller('LeaderCtrl', function ($rootScope, $scope, $http, $window, $state, $modal) {
    //获取页面高度
    var h = document.documentElement.offsetHeight || document.body.offsetHeight;
    $(".AllContent").css('height', h + 'px');  //将页面高度赋给AllContent
})

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我要养一只大狗狗

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Web-拾贝

oscar999的专栏

03-10

1万+

JavaScript MVC框架PK：Angular、Backbone、CanJS与Emberhttp://www.youkuaiyun.com/article/2013-04-25/2815032-A-Comparison-of-Angular-Backbone-CanJS-and-Ember一个好的js method 方法查询的网站，有browser兼容的介绍http://help.dottoro.co...

前端基础面试问题汇总

技术改变世界

04-24

1346

1>、html5有哪些新标签？ <article> 标签定义外部的内容（外部内容如blog,news）。 <aside> 标签定义article以外的内容（可用做文章的侧栏）。 <canvas>使用JavaScript在网页上绘制图形图像。 <details> 用于描述某个文档部分的内容。 <sum...

参与评论您还未登录，请先登录后发表或查看评论

angularjs 页面自适应高度的方法

01-21

需求在angularjs构建的业务系统中，通过ui-view路由实现页面跳转，初始化进入系统后，右侧内容区域需要自适应浏览器高度。实现方案在ui-view所在的Div添加directive，directive中通过element.css初始化计算div的高度，动态更新div高度 directive监听（$$watch)angular的$digest，实时获取body高度，动态赋值model或element.css改变方案1：添加directive和element.css自适应高度 1.创建directive define([ app ], function(app) {

angular2页面抓取_angular2怎么获取目前高度？

weixin_39946355的博客

12-18

722

AngularJS 是一个 JavaScript框架。它是一个以 JavaScript 编写的库。它可通过标签添加到HTML 页面。 AngularJS 通过指令扩展了 HTML，且通过表达式绑定数据到 HTML。获取当前页面高度：angApp.controller('LeaderCtrl', function ($rootScope, $scope, $http, $window, ...

AngularJS内置服务获取屏幕高度，宽度，页面title，URL协议，URL主机，端口号及URL的hash部分，URL地址

IT666DHW的博客

10-14

4131

日考12：AngularJS内置服务获取屏幕高度，宽度，页面title，URL协议，URL主机，端口号及URL的hash部分，URL地址.html 1.高度和宽度打开页面2秒后显示出来 2.title，协议，主机在打开页面3秒后显示出来 3.端口号，url地址在打开页面5秒后，弹出提示框询问是否显示，若点击是，则展示出来，否则不展示 -->

获取iframe（angular 动态页面）高度

冰墨白

08-03

6016

问题比较特殊，google了好久才得到启示开发的angular页面，需要嵌入到客户的web中，以iframe方式。由于iframe的高度需要指定，而angular动态生成机制导致页面高度会随时变化，就会出现2个滚动条，一个是页面本身，一个是iframe里的。解决方法如下： 1.写一个directive监听angular的$digest，实时获取body高度，通过 Html5 post

Angularjs自定义指令计算浏览器高度

weixin_30329623的博客

03-27

214

<!DOCTYPE html> <html ng-app="app"> <head> <title>柳絮飞祭奠</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="descript...

jquery+css+ul模拟列表菜单具体实现思路

12-08

- 考虑使用现代前端框架（如React、Vue或Angular）来构建更复杂的交互式菜单组件，以获得更好的性能和管理性。通过以上步骤，我们可以创建一个具有基本交互功能的模拟下拉列表菜单，使得用户在不使用原生`...

前端面试题

热门推荐

qq_41887655的博客

08-08

2万+

前端面试题汇总一、HTML和CSS 21 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? 21 每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 21 Quirks模式是什么？它和Standards模式有什么区别 21 div+css的布局较table布局有什么优点？ 22 img的alt与title有何异同？ strong与em的异同？ 22 你能...

----- 前端面试题 -----

weixin_53170812的博客

07-30

776

HTML5新增的元素首先html5为了更好的实践web语义化，增加了header，footer，nav,aside,section等语义化标签，在表单方面，为了增强表单，为input增加了color，emial,data ,range等类型，在存储方面，提供了sessionStorage，localStorage,和离线存储，通过这些存储方式方便数据在客户端的存储和获取，在多媒体方面规定了音频和视频元素audio和vedio，另外还有地理定位，canvas画布，拖放，多线程编程的web worker和w

anguler 画面布局适应屏幕大小_angularjs 页面自适应高度的方法

weixin_39626298的博客

12-20

1411

需求在angularjs构建的业务系统中，通过ui-view路由实现页面跳转，初始化进入系统后，右侧内容区域需要自适应浏览器高度。实现方案在ui-view所在的Div添加directive，directive中通过element.css初始化计算div的高度，动态更新div高度directive监听($$watch)angular的$digest，实时获取body高度，动态赋值model或elem...

angularjs 页面自适应高度

品味生活

08-26

1万+

angularjs服务获取屏幕宽度,url,本机地址...

Liuxb_zao的博客

10-14

3010

html> html ng-app="myapp"> head> meta charset="UTF-8"> title>各种servicetitle> script src="angular-1.3.0.js">script> script> var my=angular.module("myapp",[]); my.control

Angular4_获取table/div的高度

Martin 的博客

04-28

8787

import { ElementRef, ViewChild } from '@angular/core'; export class viewApp{ @ViewChild('mainScreen') elementView: ElementRef; viewHeight: number; constructor() { } c...

Angular 2.x_监听页面大小变化

Martin 的博客

11-29

8053

import { Observable }from 'rxjs/Rx'; ngOnInit() { 　　// 监听页面　　Observable.fromEvent(window,'resize') .subscribe((event) => { 　　　　// 操作 console.log('页面变化了'); }); } import { O...

获取页面高度和可见高度

温妮露露

10-12

3628

document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度

Angular 2动态设置页面标题：结合Router事件与Title Service

`Title` Service 是 Angular 提供的一个服务，用于管理和获取当前页面的标题。这个服务位于 `@angular/platform-browser` 模块中，所以在使用前需要先导入： ```typescript import { Title } from '@angular/...