Author: John Au-Yeung

Sometimes, we want to open maximized window with JavaScript.

In this article, we’ll look at how to open maximized window with JavaScript.

How to open maximized window with JavaScript?

To open maximized window with JavaScript, we call window.open with a string with options.

For instance, we write

const params = ["height=" + screen.height, "width=" + screen.width].join(",");

const popup = window.open("http://www.google.com", "popup_window", params);
popup.moveTo(0, 0);

to call window.open with the params string that sets the height to the screen’s height and the width to the screen’s width.

And then we call moveTo to move the window to the top left corner of the screen.

Conclusion

To open maximized window with JavaScript, we call window.open with a string with options.

Sometimes, we want to get full height of a clipped div with JavaScript.

In this article, we’ll look at how to get full height of a clipped div with JavaScript.

How to get full height of a clipped div with JavaScript?

To get full height of a clipped div with JavaScript, we use the offsetHeight property.

For instance, we write

<div id="element" style="height: 20px; overflow: hidden">
  <p id="innerElement">
    content<br />content<br />content<br />
    content<br />content<br />content<br />
    content<br />content<br />content<br />
  </p>
</div>

to add a div with content.

Then we write

const innerHeight = document.getElementById("innerElement").offsetHeight;
console.log(innerHeight);

to get the p element with getElementById.

And then we get its height with the offsetHeight property.

Conclusion

To get full height of a clipped div with JavaScript, we use the offsetHeight property.

To mock object for document element with Jasmine and JavaScript, we use the createSpy method.

For instance, we write

const dummyElement = document.createElement("div");
document.getElementById = jasmine
  .createSpy("HTML Element")
  .and.returnValue(dummyElement);

to call createSpy to create a spy and make it return a value with returnValue.

And we set that as the value of document.getElementById.

Conclusion

To mock object for document element with Jasmine and JavaScript, we use the createSpy method.

Sometimes, we want to add JavaScript object to a JavaScript object

In this article, we’ll look at how to add JavaScript object to a JavaScript object.

How to add JavaScript object to a JavaScript object?

To add JavaScript object to a JavaScript object, we can use an array.

For instance, we write

const jsonIssues = [];
jsonIssues.push({ id: 1, name: "whatever" });

to define the jsonIssues array.

Then we call jsonIssues.push with an object toi append the object into the array.

Conclusion

To add JavaScript object to a JavaScript object, we can use an array.

To retrieve a property of a JSON object by index with JavaScript, we use the Object.values method.

For instance, we write

const obj = {
  set1: [1, 2, 3],
  set2: [4, 5, 6, 7, 8],
  set3: [9, 10, 11, 12],
};

const values = Object.values(obj);
console.log(values[1]);

to call Object.values with obj to return an array of obj property values.

Then we get the 2nd entry from values with values[1].

Conclusion

To retrieve a property of a JSON object by index with JavaScript, we use the Object.values method.